每個div的Javascript添加+1

我想在這個img中製作一個排名系統，我之後做的是用div替換文本，然後更改爲它應該是1，2， 3等。每個div的Javascript添加+1

我想知道的是如何設置每個div文本，然後給它它應該有的價值。

這裏是我當前的代碼：

function buttonclicked1() { 

    allChampions1 = $(".scroll-league > #colzz"); 

    var selectedChampions1 = allChampions1.filter("[data-ladderdivison_id^='1']"); 

    allChampions1.hide(); 
    selectedChampions1.show(); 

    for (var i = 0; i < array.length; i++) { 
     $("div.rank").replaceWith('<div class="table-cell rank" id="rankingchangeonpage">' + i + '</div>'); 
    } 

    document.getElementById("leagueubutton1").className = "Button SemiRound UPDATED"; 
    document.getElementById("leagueubutton2").className = "Button SemiRound White"; 
    document.getElementById("leagueubutton3").className = "Button SemiRound White"; 
    document.getElementById("leagueubutton4").className = "Button SemiRound White"; 
    document.getElementById("leagueubutton5").className = "Button SemiRound White"; 

    var index = 0; 
    var index1 = index++; 

}

來源

2016-12-24 Aaron Bailey

'的foreach（）'那是不完整的。 http://php.net/manual/en/control-structures.foreach.php –

即時通訊在JavaScript後 –

創建一個片段或JSFiddle的問題，那麼你會得到一個快速和可靠的答案。 –

我不知道我完全理解這個問題，但如果你有一組特定的你通過和循環的div的想每次增加索引，您可以使用.each()。 http://api.jquery.com/each/

例如，假設這13行中的圖形是用.row類股利：

$('.row').each(function(i, elem) { 
    // i is a counter that's 0-indexed, and elem represents the current 
    // DOM element being looped over 
    var $rank = $(elem).find('.rank'); 
    // set the innerHtml to 1, 2, 3, etc... 
    $rank.html(i + 1); 
});

爲HTML以上可能是這樣的：

<div class="row"> 
    <span class="rank"></span> 
</div> 
<div class="row"> 
    <span class="rank"></span> 
</div>  
<div class="row"> 
    <span class="rank"></span> 
</div>  
...

來源

2016-12-24 20:59:29

每個div的Javascript添加+1

回答

相關問題