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

[wllper]

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 )这样写是不行的

[这个还能被注册？]

或者

$(".ul2 li").toggle('hide');

[这个还能被注册？]

试试

$(".ul2 .secondStep").toggle('hide');

[wllper]

引用 1 楼 liaoxing168 的回复:

试试

$(".ul2 .secondStep").toggle('hide');

无用,我试过N种选择器组合了..不然我也不会来这里问高手了...

[wllper]

哎呀 没人回复了,,看来只能自己研究了

[wllper]

最后的解决办法,,, 改 html 结构, 同时改 JS 代码... 绕这个问题..