关于jquery 选择器的问题-怎样选定指定要操作的元素
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 )这样写是不行的