jquery nextALL() 选择器的问题
<liclass='aa'></li><liclass='bb'></li><liclass='bb'></li><liclass='bb'></li><liclass=...
<li class='aa'></li>
<li class='bb'></li>
<li class='bb'></li>
<li class='bb'></li>
<li class='bb'></li>
<li class="aa"></li>
<li class="bb"></li>
每次 当点击 aa 的时候 这个 aa后面 的bb 显示 但是 第二个 aa后面的 bb 不显示
我用$(this).nextAll('.bb').show() 发现 全部 的 bb 都显示了 所以想问下 如何控制让他停顿
也就是 每次点击aa 都只会 控制 后面的 几个bb 而不是 全部 展开
<li class='bb'></li>
<li class='bb'></li>
<li class='bb'></li>
<li class='bb'></li>
<li class="aa"></li>
<li class="bb"></li>
每次 当点击 aa 的时候 这个 aa后面 的bb 显示 但是 第二个 aa后面的 bb 不显示
我用$(this).nextAll('.bb').show() 发现 全部 的 bb 都显示了 所以想问下 如何控制让他停顿
也就是 每次点击aa 都只会 控制 后面的 几个bb 而不是 全部 展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<SCRIPT>
jQuery(function($){
$(".aa").click(function(){
$(this).nextUntil(".aa", ".bb").toggle();
})
});
</SCRIPT>
</head>
<body>
<li class='aa'>aa
</li>
<li class='bb'>bb
</li>
<li class='bb'>bb
</li>
<li class='bb'>bb
</li>
<li class='bb'>bb
</li>
<li class="aa">aa
</li>
<li class="bb">bb
</li>
</body>
</html>
追问
你的回答 是正确的 但是 我现在是
aa
bb
bb
aa
bb
里面的 cc 是不会收到 任何影响的 不知道 你能否 帮我解决
追答
jQuery(function($){
$(".aa").click(function(){
$(this).nextUntil(".aa").toggle();
})
});
这样就可以了，还以为你只要bb呢，没想到你还要cc
怎么样？可以了么？？？？？？？？？？？？？？吱一声啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
