首先,这是我的标记:
<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时,我想显示所有下一个div,其中第二个,直到下一个< strong>第一次类。
使用jQuery有没有办法解决这个问题?
提前致谢!
答案 0 :(得分:6)
答案 1 :(得分:1)
<script type="text/javascript">
$(document).ready(function () {
$(".first").click(function () {
$(this).nextUntil(".first").toggle();
});
});
</script>
答案 2 :(得分: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();
}
});
答案 3 :(得分:0)
检查出来:
$( '.first' ).click(function(){
var foundFirst = false;
var next = $(this);
while( !foundFirst ){
next = next.next();
if(next.hasClass( 'first' )){
foundFirst = true;
} else {
next.show();
}
}
});