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

Question

我遇到了一些我认为应该很容易的事情......我有一些链接，并且在下面有一个与每个链接有关的描述列表。当我将鼠标悬停在第一个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/