JQuery - 모든 리 번호

Question

배열 및 번호 매기기 개체에 대해 많이 알지 못합니다. 나는 "모든 번호 매기기"라는 뜻을 이해하기를 바랍니다. 따라서 첫 번째 li는 클래스 "0"을 가져오고 두 번째 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> 

의사 자바 스크립트 (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); 
}); 

이 클래스를 추가하지 않습니다 그러나

<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(); 

을하지만, 아마 당신은 당신이 시도하고있는 무슨 달성하는 데 도움이됩니다 : 자신의 문서에서 http://slightlymore.co.uk/ol/

:

Answer 3

이 jQuery 플러그인을 사용할 수 있습니다 해야 할 것.