2016-12-24 57 views
0

我想在这个img中制作一个排名系统,我之后做的是用div替换文本,然后更改为它应该是1,2, 3等。每个div的Javascript添加+1

我想知道的是如何设置每个div文本,然后给它它应该有的价值。

enter image description here

这里是我当前的代码:

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

} 
+0

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

+0

即时通讯在JavaScript后 –

+0

创建一个片段或JSFiddle的问题,那么你会得到一个快速和可靠的答案。 –

回答

0

我不知道我完全理解这个问题,但如果你有一组特定的你通过和循环的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>  
...