jquery - dynamique du fil d'ariane

Je suis en train de créer un fil d'ariane pour mon site en utilisant les éléments suivants:

<div class="breadcrumb">
    <div class="item"><a href="#home">Home /</a></div>
</div>

<div class="items">
   <ul>
     <li><a href="#test1">Test 1</a></li>
     <li><a href="#test1">Test 2</a>
        <ul>
            <li><a href="">Level 1</a></li>
            <li><a href="">Level 2</a></li>
        </ul>
     </li>
     <li><a href="#test1">Test 3</a></li>
  </ul>
</div>

Ce que je cherche à faire est de sorte que, lorsqu'un utilisateur clique sur Test 1 le fil d'ariane est Home /Test 1, si ils ont ensuite cliquez sur Test 2 et puis Level 1, le fil d'ariane va devenir Home /Test 1 /Level 2

J'ai été à la recherche à jQuery pour faire cela, mais pas sûr à 100%, la meilleure façon de l'aborder.

Toutes les idées seront très appréciés

Grâce

Cela peut avoir une réponse ici: stackoverflow.com/questions/15213612/...
si ils ont ensuite cliquez sur Test 2 et puis au Niveau 1, le fil d'ariane va devenir Home / Test 1 / Niveau 2 ne devrait-elle pas être Home / Test 2 / Niveau 1?
désolé était une faute de frappe. vous auriez raison.
S'il vous plaît être conscient que cela aurait du sens de cette approche avec javascript/jquery seulement si, en cliquant sur le lien ne fait pas de vous envoyer sur une autre page

OriginalL'auteur user1970557 | 2013-05-07

  1. 6

    exemple http://jsfiddle.net/mPsez/3/

    $('.items a').on('click', function() {
  var $this = $(this),
      $bc = $('<div class="item"></div>');

  $this.parents('li').each(function(n, li) {
      var $a = $(li).children('a').clone();
      $bc.prepend(' /', $a);
  });
    $('.breadcrumb').html( $bc.prepend('<a href="#home">Home</a>') );
    return false;
})
    Comment pourrais-je remplacer le HTML?
    ajouté que peu dans $('.breadcrumb a').html( bc.reverse().join(' / ') );
    Ce abotu avoir chacun de la barre de navigation d'un lien? c'est à dire <a href="#accueil"> /</a> <a href="#test1">Test 1</a> etc?
    check this out jsfiddle.net/mPsez/2
    jsfiddle.net/mPsez/3 si vous ne voulez pas réduit dans le lien

    OriginalL'auteur David Fregoli