jQuery：顯示和隱藏其他列表中等效位置的列表元素

Question

我被困在了一些我認爲應該很容易的東西......我有一個ul鏈接，並且ul下面有一個描述列表到每個鏈接。當我將鼠標懸停在第一個ul的鏈接上時，我想隱藏第二個ul中的所有描述，並只顯示相關的描述。

所以我基本上都想告訴jQuery，對於每個鏈接：「在懸停時，在列表中找到我的位置，然後在其他列表中的相同位置顯示li」。我還有：

$("ul#links li").hover(
    function() { 
     $("ul#descriptions li").hide(); 
     /* need to show the relevant one here! */ 
    }, 
    function() { 
     $("ul#descriptions li").hide(); 
    } 
); 

任何幫助將不勝感激！

Answer 1

嘗試使用index和eq：

$("ul#descriptions li").hide(); 
var index = $(this).index(); 
$("ul#descriptions li").eq(index).show(); 

工作例如：http://jsfiddle.net/mdamC/