1

まず第一に、これは私のマークアップです：

<div class="first"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="first"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>

私がやりたいのは、最初にクラスのあるdivをクリックしたときに、次の最初のクラスまで2番目のクラスの次のすべてのdivを表示したいということです。

jQueryでこれを行う方法はありますか？

前もって感謝します！

4

4 に答える 4

6

いいえ、する必要はありません。

$(".first").nextUntil(".first").show()

これに関する詳細情報は次のとおりです。

http://api.jquery.com/nextUntil/

于 2012-06-29T13:31:14.660 に答える
1 
<script type="text/javascript">
    $(document).ready(function () {
        $(".first").click(function () {
            $(this).nextUntil(".first").toggle();
        });
    });
</script>
于 2012-06-29T13:32:07.953 に答える
1

フィドルの例：http： //jsfiddle.net/nVP7P/5/

$(".first").click( function () {
     $(".second").css("display","none");
    var next = $(this).next();
   while (next.hasClass("second"))
 {
    next.css("display", "inline");
    next = next.next();
 }    
});
于 2012-06-29T13:32:46.973 に答える
0

これをチェックしてください：

$( '.first' ).click(function(){
    var foundFirst = false;
    var next = $(this);
    while( !foundFirst ){
        next = next.next();
        if(next.hasClass( 'first' )){
            foundFirst = true;
        } else {
            next.show();
        }
    }
});
于 2012-06-29T13:29:50.220 に答える