jQuery - 删除类后执行某些操作
我有一个 ul 列表,我想使用 jQuery 添加和删除类。 我首先希望列表中的所有链接都有一个顶级类,但是如果我在 ul 中有一个子菜单来删除顶级类。之后,我想找到具有顶级类的所有列表项并将链接包含在其中。
$("ul#top-menu li").addClass('top-level');
$("ul#top-menu li ul.sub-menu li").removeClass('top-level');
$('ul#top-menu li.top-level a').wrapInner('<b></b>');
这段代码的问题是,它会从列表项中删除该类,但在添加了包装内部之后。
我的问题是在所有类都按正确顺序排列后如何执行wrapInner 函数。
谢谢你!
I have an ul list and I want to add and remove classes with jQuery.
I want at first all links from list to have a class top-level, but if I have an sub menu in the ul to remove top-level class. After this I want to find all list items with the top-level class and wrap the link in it.
$("ul#top-menu li").addClass('top-level');
$("ul#top-menu li ul.sub-menu li").removeClass('top-level');
$('ul#top-menu li.top-level a').wrapInner('<b></b>');
The problem with this code is that it will remove the class from the list item, but after the wrap inner is added.
My question is how to execute the wrapInner function after all the classes are in the right order.
Thank you!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
只需使用更具体的选择器,而不是向每个 li 添加一个类,然后从嵌套的类中删除一个类:
>
(子选择器)意味着“仅定位直接子代,而不是所有子代”。Just use more specific selectors instead of adding a class to every li then removing a class from the nested ones:
The
>
(child selector) means "target only direct children, not all children."