什么是在jquery中查找next（）。next（）的另一种方法

Question

我想更改紧邻下一个选择器的元素的css属性。

我已经使用这个语法

$('#hide').next().next().css('display', 'block'); 

，但我认为可以有另一种更好的方法可以像find()或eq()

<li class="expandable"> 
    <div class="hitarea collapsable-hitarea"></div> 
    <div id="hide" class="hide"></div> 
    <a href="#" class=""> <strong>Stitched</strong> </a> 

    <ul style="display: none;" id="hi"> 
     <li> <a href="#"> Hand Block Print </a> 
     </li> 
     <li> <a href="#"> Designer </a> 
     </li> 
     <li class="last"> <a href="#"> Screen Printed </a> 
     </li> 
    </ul> 
</li> 

Answer 1

使用您可以尝试

$('#hide').nextAll().eq(1).css('display', 'block'); 

nextAll()返回全部下一个元素，eq(1)返回其中的第二个元素。

Answer 2

尝试使用.siblings选择：

$('#hide').siblings("ul").css('display', 'block'); 

或者通过索引：

$('#hide').siblings("ul").eq(0).css('display', 'block'); 

Example jsFiddle