使用jQuery </title>从Bootstrap breadcrumb构建页面<title>

Question

我有这个Bootstrap片段：

<ol class="breadcrumb">
    <li><a href="#">Home</a></li>
    <li><a href="#">Library</a></li>
    <li class="active">Data</li>
</ol>

我想用它来动态构建页面<title>，所以我基本上需要：

1. 删除所有HTML并仅保留文字
2. 添加＆＃34; /＆＃34; （或任何其他分隔符）除最后一个
之外的每个项目

它应显示为：

Home / Library / Data

我几乎就在那里，但是我被这个小提琴困住了（我用<title>取代<p>，但想法是一样的）：http://jsfiddle.net/G447V/

我不知道为什么，分隔符也被添加到页面中的.breadcrumb（斜杠是CSS生成的）...而且我不知道如何说＆ ＃34;为每个添加斜杠，但不是最后一个＆＃34;
请帮忙吗？
提前谢谢！

Answer 1

$( "title" ).text(function(){
    var i = 0,
        text = '';
    $( ".breadcrumb li" ).each(function() {
        if (i != 0) {
            text += ' / ';
        }
        text += $(this).text();
        i++;
    });

    return text;
});