关于jquery 选择器的问题-怎样选定指定要操作的元素

wllper 2016-05-09 04:52:01
html代码
<div >
<ul class="ul1" id="ul1">
<button class="btn">点击</button>

<li class="secondStep">1</li>
<li class="secondStep">2</li>


<ul class="ul2">
<li class="secondStep">3</li>
<li class="secondStep">4</li>
</ul>
</ul>

</div>

下面是JS 代码
$('.btn').click(function(){
$(this).nextAll("ul.ul2 li.secondStep").toggle('hide');
});

我的本意是想 点击按钮之后, <ul class="ul2"> 里面的 3 和4 li 进行显示和隐藏. 1和2Li 不进行任何操作.
但是实际效果是 1和2 li在进行显示和隐藏, li 3和4 没有任何反应.
如果把$(this).nextAll("ul.ul2 li.secondStep").toggle('hide');
改成$(this).nextAll(" li.secondStep").toggle('hide');
不要了ul.ul2 这个选择器 那么 4个li都会进行显示隐藏.

我想知道 如何 指定 button 下面的 ul2 里面的 li 进行操作. 这个选择器如何写??
(ul.ul2 li.secondStep )这样写是不行的
...全文
110 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
wllper 2016-05-13
  • 打赏
  • 举报
回复
最后的解决办法,,, 改 html 结构, 同时改 JS 代码... 绕这个问题..
wllper 2016-05-10
  • 打赏
  • 举报
回复
哎呀 没人回复了,,看来只能自己研究了
wllper 2016-05-09
  • 打赏
  • 举报
回复
引用 1 楼 liaoxing168 的回复:
试试
$(".ul2 .secondStep").toggle('hide');
无用,我试过N种选择器组合了..不然我也不会来这里问高手了...
  • 打赏
  • 举报
回复
试试
$(".ul2 .secondStep").toggle('hide');
  • 打赏
  • 举报
回复
或者
$(".ul2 li").toggle('hide');

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧