jQuery - 删除类后执行某些操作

发布于 2024-11-08 21:07:57 字数 406 浏览 0 评论 0原文

我有一个 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

遇到 2024-11-15 21:07:57

只需使用更具体的选择器,而不是向每个 li 添加一个类,然后从嵌套的类中删除一个类:

$("ul#top-menu > li").addClass('top-level');
$('ul#top-menu > li.top-level > a').wrapInner('<b></b>');

> (子选择器)意味着“仅定位直接子代,而不是所有子代”。

Just use more specific selectors instead of adding a class to every li then removing a class from the nested ones:

$("ul#top-menu > li").addClass('top-level');
$('ul#top-menu > li.top-level > a').wrapInner('<b></b>');

The > (child selector) means "target only direct children, not all children."

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文