Javascript 每个div add+；1.

我试图在这个img中创建一个等级系统，我在它之后做的是用div中的替换文本，然后改为应该是1、2、3等等

我想知道的是，如何设置每个divs文本，然后给它应有的值

这是我目前的代码：

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

}

功能按钮clicked1（）{
allChampions1=$（“.scroll league>#colzz”）；
var selectedChampions1=allChampions1.filter（“[data-ladderddivision_id^='1']”）；
所有冠军1.隐藏（）；
selectedChampions1.show（）；
对于（var i=0；i

我不确定我是否完全理解了这个问题，但是如果您有一组正在循环的div，并且希望每次都增加索引，您可以使用

.each（）

例如，假设图中的13行是一个div，带有

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

...

foreach（）

这是不完整的。在Javascript中创建一个片段或JSFidle之后，您将得到一个快速可靠的答案。