的jQuery選擇父

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); 
});