jQuery：親とその直接の子供の両方からCSSクラスを削除するには？

Question

$("#menu-main > li").add("#menu-main > li > a").removeClass("hover").find("div").hide(); 

<ul id="menu-main"> 
    <li class="hover"> 
    <a class="hover" href="" title="">ABC</a> 

    <div> 
     <ul> 
     <li><a href="" title="">XYZ</a><li> 
     </ul> 
    </div> 
    </li> 

これはうまくいきますが、add（）の部分に "＃menu-main> li"を繰り返す必要がありますか？

Answer 1

$("#menu-main > li").add("#menu-main > li > a").removeClass("hover") 

、代わりにあなたが使用することができます

$("#menu-main > li").children('a').andSelf().removeClass("hover") 

Answer 2

私はあなただけの最初の項目は、あなたが最初のように使うことができますしたい場合は、この

$("#menu-main > li > a").removeClass("hover").find("div").hide(); 

Answer 3

を探していると思う：作品

$("#menu-main li a:first").removeClass("hover").find("div").hide();