1

jquery を使用して、ランキング システムの一部である div を上下に移動するため、div が 1 番目、2 番目、3 番目などのいずれであるかに応じて、ランキング クラスを同じままにする必要があります。常にクラスを最初に、2 番目の div クラスを 2 番目に等しくする必要があります。

html:

<div class="top5 first">
    <div class="voter">
        <a class="up" href="#">up</a>
        <a class="down" href="#">down</a>
    </div>                    
</div>


<div class="top5 second">
    <div class="voter">
        <a class="up" href="#">up</a>
        <a class="down" href="#">down</a>
    </div>                    
</div>

<div class="top5 third">
    <div class="voter">
        <a class="up" href="#">up</a>
        <a class="down" href="#">down</a>
    </div>                    
</div>

jquery:

 $('.up').click(function() {
        var parent = $(this).parent().parent();
        parent.insertBefore(parent.prev());

    });
    $('.down').click(function() {
        var parent = $(this).parent().parent();
        parent.insertAfter(parent.next());

    });
4

2 に答える 2

-1

もっと簡単な純粋なCSSメソッドがあります！
おっと、これを行うことができます： 

some-parent div:nth-child(0){
    do css
}  
some-parent div:nth-child(1){
    do another css
}  
some-parent div:nth-child(2){
    do another css
}

これは、ページに計算を追加するよりもはるかに簡単だと思います

于 2013-07-09T04:45:10.517 に答える