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＆gt; li”吗？

Answer 1

我认为你正在寻找这个

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

Answer 2

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

这样可行，或者你可以使用

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

Answer 3

如果您只想要第一件商品，可以先使用：

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

jQuery：如何从父级及其直接子级中删除CSS类？

3 个答案: