JQuery - すべての桁番号

Question

配列やナンバリングオブジェクトについてよくわかりません。私はあなたが "すべての李に番号をつける"という意味を理解してくれることを願っています。したがって、最初のliはクラス "0"を取得し、2番目のliはクラス "1"を取得します。だから、むしろ

Htmlの

<div id="imtheking"> 
<ul> 
<li>List Item</li> 
<li>List Item</li> 
<li>List Item</li> 
<li>List Item</li> 
<li>List Item</li> 
<li>List Item</li> 
<li>List Item</li> 
</ul> 
</div> 

擬似Javascriptを（jqueryの）

$('#imtheking ul > li').number(starting from: '0'); 

結果のHTML

<div id="imtheking"> 
<ul> 
<li class="0">List Item</li> 
<li class="1">List Item</li> 
<li class="2">List Item</li> 
<li class="3">List Item</li> 
<li class="4">List Item</li> 
<li class="5">List Item</li> 
<li class="6">List Item</li> 
</ul> 
</div 

うん、私は唯一の番号が含まれているクラス名が間違っていると思います。.. 「0」または「1」は「number0」または「number1」というタイトルにする必要があります。

ありがとうございます！

あなたが行うことができます

Answer 1

$("#imtheking li").each(function(index) { 
    $(this).addClass('number' + index); 
}); 

Answer 2

：

$('#imtheking li').each(function(index){ 
    $(this).attr('class', 'list_' + index); 
}); 

出力は次のようになります。

<li class="list_0">List Item</li> 
<li class="list_1">List Item</li> 
<li class="list_2">List Item</li> 
<li class="list_3">List Item</li> 
<li class="list_4">List Item</li> 
<li class="list_5">List Item</li> 
<li class="list_6">List Item</li> 

---

あなたの似たマークアップを保持し、単にクラスを追加すると、何が必要であるために、あなたが使用することができますaddClass：

$('#imtheking li').each(function(index){ 
    $(this).addClass('list_' + index); 
}); 

そのドキュメントから http://slightlymore.co.uk/ol/

：

<ol id="first_example"> 
    <li>Item number 1</li> 
    <li>Item number 2</li> 
    <li>Item number 3</li> 
    <li>Item number 4</li> 
</ol> 


$("ol#first_example").niceOrderedLists(); 

それはクラスを追加しませんが、それはおそらくあなたがしようとしているものを達成するのに役立ちますしかしあなたはこのjQueryプラグインを使用することができます

Answer 3

行う。