使用javascript循環的現有列表元素的文本編號

我想將文本編號添加到現有列表元素。例如：使用javascript循環的現有列表元素的文本編號

我有這樣的元素。我在我的應用程序中創建了不同的列表項。但我有有序的文本數字。

<div class="section-01"> 
    <ul class="numbers-wrap"> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    </ul> 

    <ul class="numbers-wrap"> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    </ul> 

    <ul class="numbers-wrap"> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    </ul> 
    </div> 

    <div class="section-02"> 
    <ul class="numbers-wrap"> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    </ul> 

    <ul class="numbers-wrap"> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    </ul> 

    <ul class="numbers-wrap"> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    <li class="numbers-li"></li> 
    </ul> 
    </div>

我想號碼添加到所有的列表（.numbers麗）有序像這樣：

結果應該是這樣的

<div class="section-01"> 
     <ul class="numbers-wrap"> 
     <li class="numbers-li">1</li> 
     <li class="numbers-li">2</li> 
     <li class="numbers-li">3</li> 
     </ul> 

     <ul class="numbers-wrap"> 
     <li class="numbers-li">4</li> 
     <li class="numbers-li">5</li> 
     </ul> 

     <ul class="numbers-wrap"> 
     <li class="numbers-li">6</li> 
     <li class="numbers-li">7</li> 
     <li class="numbers-li">8</li> 
     </ul> 
     </div> 

     <div class="section-02"> 
     <ul class="numbers-wrap"> 
     <li class="numbers-li">9</li> 
     <li class="numbers-li">10</li> 
     <li class="numbers-li">11</li> 
     <li class="numbers-li">12</li> 
     </ul> 

     <ul class="numbers-wrap"> 
     <li class="numbers-li">13</li> 
     <li class="numbers-li">14</li> 
     <li class="numbers-li">15</li> 
     </ul> 

     <ul class="numbers-wrap"> 
     <li class="numbers-li">16</li> 
     <li class="numbers-li">17</li> 
     <li class="numbers-li">18</li> 
     </ul> 
     </div>

也請讓我知道如何僅文本格式奇數進去

來源

2014-12-11 Vinu Developer

試試這個

$('.numbers-li').each(function(index){ 
    $(this).text(parseInt(index,10) + 1); 
})

更新（奇數。可以通過改變oddum = 2）可用於打印偶數

var oddnum = 1; 
$('.numbers-li').each(function(index){ 
    $(this).text(oddnum); 
    oddnum = oddnum + 2; 
})

來源

2014-12-11 05:12:07

嗨Cerlin非常感謝。我們也可以只添加奇數號 – 2014-12-11 05:45:28

非常感謝Cerlin。它的工作完美...再次感謝 – 2014-12-11 06:10:28

如果這有助於你，那麼你應該接受答案（根據計算器規則）。 – 2014-12-11 06:26:34

嘗試這樣的：

$(document).ready(function(){ 
    $('li').each(function(index){ 
     $(this).text(parseInt(index,10)+ 1); 
    }) 
});

注：這裏$(this).text(parseInt(index)+ 1)也可以使用，但是當你使用，你應該總是使用base valueparseInt否則可能會導致您產生一些不良結果。

來源

2014-12-11 05:20:33

使用javascript循環的現有列表元素的文本編號

回答

相關問題