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你可以輕松修復它