jquery - 在 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');

示例 jsFiddle