img in anchorのホバー効果

Question

javascriptとjqueryを使用してスクリプトを作成しようとしていますが、マウスが別の要素にマウスを乗せたときに反応する要素が1つあります。私はこの時点までに大きな助けをしてきましたが、私は何かをここで混乱させていると思います。私は一方向ではなく他の方向で働いている。それが働いている方向では、アンカー要素の中にテキストがあります。それが働いていない方向には、アンカーの中にイメージがあります。それは、私を混乱させるかもしれない、確かではない。 http://jsfiddle.net/vZAYY/14/ javascriptがli要素を見つけていないようです（-1を返します）

もう1つの奇妙なことは、フルサイト私はローカルで実行しています）どちらも動作しませんが、jsフィドルを構築するには、コードを直接コピーしました。それはdrupalのあるサイトにあり、スクリプトは両方の要素のホバーから-1を返しています。

提案がありますか？

Answer 1

コードがちょっと混乱していますが、何かが-1を返す場合は、index()関数でなければなりません。確かに言うことはできませんが、あなたの問題は、ここで次のようになります。

var x = $(this).parent().parent().parent("li").index(); 
$(".mainNavigation ul li:eq(" + x + ")").addClass("active"); 

私はparent().parent().parent('li').index()は最高のアイデアであるかわかりません。つまり、index()は指定できるコンテキストを取ります。あらかじめセレクタをキャッシュすることをお勧めします。
:eqの2行目では、より高速で予測可能なeq()を使用します。