利用jquery为面包屑添加新标签

在jQuery中，面包屑导航通常是用来显示用户当前位置的层次结构，每次添加新的层级时，都需要更新对应的DOM。以下是如何为面包屑添加新标签的一个基本示例：

首先，假设你有一个基础的面包屑模板，像这样：

<ul class="breadcrumb">
  <li><a href="#">首页</a></li>
  <li class="active">当前位置</li>
</ul>

然后，可以使用jQuery来动态添加新标签，比如用户从“产品”页面访问了“产品详情”页面：

var crumbs = ['首页', '分类', '产品']; // 当前用户的路径

$(document).ready(function(){
    $('.breadcrumb').empty(); // 清空之前的面包屑

    for (var i = 0; i < crumbs.length; i++) {
        if (i == crumbs.length - 1) { // 如果这是最后一个节点，添加'active'类
            $('<li class="active"><a href="#">' + crumbs[i] + '</a></li>').appendTo('.breadcrumb');
        } else {
            $('<li><a href="#" title="' + crumbs[i] + '">' + crumbs[i] + '</a></li>').appendTo('.breadcrumb');
        }
    }
});

这个脚本会在每个循环迭代中创建一个新的`<li>`元素，并根据是否是最后一项添加或移除`active`类。