a:link
ホバーされている子サブメニューに基づいて、ナビゲーションメニューで最も近い親のCSSクラスを切り替えようとしています。最も近い親<li>
タグに対して機能させることはできますが、a:link
このイベントを発生させたい内部では機能しません。
HTML:
<ul class="menu">
<li><a href="#">First Parent</a>
<ul class="sub-menu">
<li><a href="#">First Child</a></li>
<li><a href="#">Second Child</a></li>
</ul></li>
<li><a href="#">Second Parent</a>
<ul class="sub-menu">
<li><a href="#">First Child</a></li>
<li><a href="#">Second Child</a></li>
</ul></li>
</ul>
だから、私が書いた、働いている親を選択するための関数<li>
は:
$("ul.sub-menu").hover(function(){
$(this).closest("li").toggleClass("parenthovered");
});
しかし、どうすればこのクラスをa:link
親のに切り替えることができul.menu li
ますか?何かのようなもの:
$("ul.sub-menu").hover(function(){
$(this).closest("li a").toggleClass("parenthovered");
});
もちろん、それは機能しません。どの構文を変更する必要があるのかわかりません。
どうもありがとう。