Codeigniter，Jquery，想要显示面包屑

Question

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

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

我的BreadCrumbs查看文件包括：

<ul class="breadcrumb">

</ul>

在bbq的脚本中，我试过这样，

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()循环中，我想在<li><a href="#'+BreadCrumbsSplit[breadurl]+'"></a></li> <span class="divider">/</span>中添加此行<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没有测试，但它应该工作.. :)添加总元素的数量，如果最后一个元素不插入分隔符，如果有llmistake你可以轻松修复它