jquery – 动态面包屑

我正在尝试使用以下内容为我的网站创建面包屑系统：

 
Home / 
 
 
 
 
Test 1
 
Test 2 
 
Level 1
 
Level 2
 
 
 
Test 3
 
  

我想要做的是当用户点击Test 1 ，面包屑是Home / Test 1 ，如果他们然后点击Test 2然后点击Level 1 ，则面包屑将变为Home / Test 1 / Level 2

我一直在寻找jQuery来做到这一点，但不是100％确定如何最好地接近它。

任何想法将不胜感激

谢谢

Answer 1

示例http://jsfiddle.net/mPsez/3/

 $('.items a').on('click', function() { var $this = $(this), $bc = $('
'); $this.parents('li').each(function(n, li) { var $a = $(li).children('a').clone(); $bc.prepend(' / ', $a); }); $('.breadcrumb').html( $bc.prepend('Home') ); return false; })