jquery显示给定div之间的所有div答案

【问题标题】：jquery display all divs between given divsjquery显示给定div之间的所有div
【发布时间】：2012-06-29 21:33:33
【问题描述】：

首先这是我的标记：

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

我想要做的是，当我点击一个具有 first 类的 div 时，我想显示所有具有 second 类的下一个 div，直到下一个一等。

有没有办法用 jQuery 来解决这个问题？

提前致谢！

【问题讨论】：

标签： jquery html

【解决方案1】：

不，您不必这样做。

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

以下是有关它的详细信息：

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

【讨论】：

【解决方案2】：

<script type="text/javascript">
    $(document).ready(function () {
        $(".first").click(function () {
            $(this).nextUntil(".first").toggle();
        });
    });
</script>

【讨论】：

【解决方案3】：

小提琴示例： 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();
 }    
});

【讨论】：

【解决方案4】：

看看这个：

$( '.first' ).click(function(){
    var foundFirst = false;
    var next = $(this);
    while( !foundFirst ){
        next = next.next();
        if(next.hasClass( 'first' )){
            foundFirst = true;
        } else {
            next.show();
        }
    }
});

【讨论】：