Question

所以我正在尝试使用jQuery来选择这样的元素：

<div>
    <ul>
        <li>First item</li>
        <li>Second item</li>
        <li>Third item</li>
    <ul>
</div>
<div>Item to be operated on when the first li is clicked.</div>
<div>Item to be operated on when the second li is clicked.</div>
<div>Item to be operated on when the third li is clicked.</div>

当然我想用

启动我的jQuery函数

$('ul li')

有没有办法在没有多次dom潜水的情况下这样做？我基本上需要的是“next（）。next（）。next（）”如果它不仅仅是直接兄弟姐妹。假设我无法移动标记。感谢。

Answer 1

在这种情况下，你可以这样做：

$('div').eq($(this).index()+1);

请参阅the eq function。

Answer 2

您可以使用.index()选择相应的div元素：

var $divs = $('div');

$('ul li').click(function() {
    var $div = $divs.eq($(this).index() + 1);
});

jQuery选择父级的非固定兄弟

2 个答案: