基于JavaScript的面包屑

我有HTML代码：

<ul class="breadcrumb">
    <li><a href="#">Home</a> <span class="divider">/</span></li>
    <li><a href="#">Library</a> <span class="divider">/</span></li>
    <li class="active"><a href="#">Data</a></li>
</ul>

/
/

我希望JavaScript基于JavaScript$currentPath变量对其进行更改，该变量存储如下字符串：“/var/www/stackoverflow” 因此，在上面的示例中，我的面包屑应该如下所示：

<ul class="breadcrumb">
    <li><a href="#">var</a> <span class="divider">/</span></li>
    <li><a href="#">www</a> <span class="divider">/</span></li>
    <li class="active"><a href="#">stackoverflow</a></li>
</ul>

/
/

---

有人能帮我吗？

您可以像这样拆分变量

var url = $currentPath.split('/'); //now url = ["", "var", "www", "stackoverflow"]
var breadcrumb = '';
//Use a for loop
for(var i=0;i<url.lenght;i++){
  if(url[i]!=''){
    breadcrumb = '<li><a href="#">'+url[i]+'</a> <span class="divider">/</span></li>'
  }
} 

var url=$currentPath.split（'/'）//现在url=[“”，“var”，“www”，“stackoverflow”]
变量面包屑=“”；
//使用for循环
（var i=0；i为您概述流程：

split
在
'/'
上的
$currentPath
字符串。这将为您提供一个数组（碎屑）
对于数组中的每个
元素：
create
（或
clone
）根据您的喜好创建一个
-元素，根据需要设置其内容
在
列表中添加新的


请随意询问是否需要详细信息，否则请享受解决方案的乐趣；）

谷歌：


mdn拆分
jquery克隆
jquery文本
jquery-append