Codeigniter，jquery，想要显示面包屑

Question

我想在我的网站上显示面包屑.. 我在我的网站中使用jquery bbq。

我试图在我的网站中实施面包屑。

我的面包屑查看文件包括：

<ul class="breadcrumb"> 

</ul> 

在烧烤我想这样的剧本，

var url = $.param.fragment(); 
      var breadcrumb=$('.breadcrumb'); 
      var BreadCrumbBar ='<li><a href="#">PBS</a><span class="divider">></span></li>'; 
      var BreadCrumbsSplit = url.split('/'); 
      breadcrumb.empty(); 
      breadcrumb=BreadCrumbBar; 

      $.each(BreadCrumbsSplit,function(breadurl){ 
       breadcrumb.append('<li><a href="#'+BreadCrumbsSplit[breadurl]+'"></a></li>\n'); 
      }); 

这里就是我试图做的，但不能完全弄清楚，如何执行它？

首先我得到的错误在Firebug是.append不是一个函数，

其次，在.each()循环，我想加入这一行太<span class="divider">/</span>在<li><a href="#'+BreadCrumbsSplit[breadurl]+'"></a></li>

它的作用，这将增加/之间的面包屑，但我不希望这/在最后<li></li>标签..

任何人都可以在这方面帮助我，如何实现它？

只需在最后的结果我想代码产生这样的

<li><a href="#">PBS</a> <span class="divider">/</span></li> 
    <li><a href="#home">Home</a> <span class="divider">/</span></li> 
    <li><a href="#library">Library</a> <span class="divider">/</span></li> 
    <li class="active">Data</li> 

Answer 1

var url = $.param.fragment(); 
var breadcrumb=$('.breadcrumb'); 
var BreadCrumbBar ='<li><a href="#">PBS</a><span class="divider">></span></li>'; 
var BreadCrumbsSplit = url.split('/'); 
var total = BreadCrumbsSplit.length; 
breadcrumb.empty(); 
breadcrumb=BreadCrumbBar; 

$.each(BreadCrumbsSplit,function(index){ 
    if(index !== total-1){ 
    breadcrumb.append('<li><a href="#'+BreadCrumbsSplit[index]+'"></a><span class="divider">/</span></li>\n'); 
    }else{ 
    breadcrumb.append('<li><a href="#'+BreadCrumbsSplit[index]+'"></a></li>\n'); 
    } 
}); 

SRY没有测试过一些事情，但它应该工作.. :) 加总的元素数，如果最后一个元素不要插入分隔线，如果有错误，你可以很容易地修复它