のJavaScriptベースのパンくずリストは

Question

私は、HTMLコードがありますので、例の「は/ var/www /のstackoverflowの」 ：私はこのような文字列を格納するJavaScript $の電流経路変数に基づくJavaScriptによって変更することにしたい

<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> 

パンくずリストの上に表示されます：

<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> 

誰かが私にこれを手伝ってもらえますか？

Answer 1

このように変数を分割することができます。あなたのためのプロセスの概要を説明するために

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>' 
    } 
} 

Answer 2

：'/'上

1. split$currentPath文字列。これは、（クラムの）配列を与えます。配列の
2. for each要素：
   1. create（またはclone）お好みに合わせて<li> -element、あなたが必要として、その内容を設定します。
   2. append新しい<li><ul>リスト

そうでない場合は、それを働くのが好き、あなたは詳細をしたいかどうか尋ねること自由に感じ;）

グーグル：

• mdn split
• jquery clone
• jquery text
• jquery append