javascript - jquery中的选择器

Question

我正在构建的网站上的子导航有一些问题。我认为我没有在我的 jquery 中正确选择元素。我确定这只是需要做的一件小事，但我不知道该怎么做。

http://jsfiddle.net/ZDErp/

我正在努力做到这一点，因此当您单击其中一个子导航链接时，将打开一个不同的 div，显示一种颜色。出于某种原因，当我单击链接时，它只会显示第一个(红色)div。

如果你能提供帮助那就太好了!

Answer 1

问题出在这一行:

var $menuelement = $('.thumb').eq($(this).parent().index());

a.subnav 的直接父级是 h4。在此元素上使用 index() 意味着您需要该 h4 与其 sibling (没有)的索引。你实际上想要 closest li 祖先。

使用:

var $menuelement = $('.thumb').eq($(this).closest("li").index());

更新的 fiddle : http://jsfiddle.net/286LV/