javascript - 简化 jQuery objective-c SS

标签 javascript jquery css

当“子菜单”类存在时,我目前正在使用以下 jQuery JavaScript 将一些 HTML 附加到“mobile-menu”类内的“li”标签:

$('.mobile-menu > li:has(ul.sub-menu)').append('<div class="menu-expand"><i class="fa fa-plus"></i></div>');

我想将它应用于所有 li 标签,无论它们埋在里面多远,我目前正在使用以下代码,它工作正常,但我确定必须有一种方法来简化它?

$('.mobile-menu > li:has(ul.sub-menu)').append('<div class="menu-expand"><i class="fa fa-plus"></i></div>');
$('.mobile-menu > li li:has(ul.sub-menu)').append('<div class="menu-expand"><i class="fa fa-plus"></i></div>');
$('.mobile-menu > li li li:has(ul.sub-menu)').append('<div class="menu-expand"><i class="fa fa-plus"></i></div>');
$('.mobile-menu > li li li li:has(ul.sub-menu)').append('<div class="menu-expand"><i class="fa fa-plus"></i></div>');
$('.mobile-menu > li li li li li:has(ul.sub-menu)').append('<div class="menu-expand"><i class="fa fa-plus"></i></div>');
$('.mobile-menu > li li li li li li:has(ul.sub-menu)').append('<div class="menu-expand"><i class="fa fa-plus"></i></div>');

非常感谢任何帮助!

谢谢

最佳答案

您不必使用直接子选择器 (>)

使用:

$('.mobile-menu li:has(ul.sub-menu)').append('<div class="menu-expand"><i class="fa fa-plus"></i></div>');

关于javascript - 简化 jQuery objective-c SS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27915734/

相关文章:

javascript - 将嵌套的对象数组展平到数组字段上

javascript - 我怎样才能使这段代码更好地工作?

javascript - 来自youtube搜索的Ajax自动完成功能,跨域请求被阻止

css - 谷歌地图 v3 问题与 IE7 和 IE8

javascript - 返回对象后这个数组的作用是什么?

javascript - Node.js 列出文件中所需的所有模块

javascript - 如何在 Angular ui-router 中的 anchor 单击中启用默认事件

javascript - 淡出和循环一组 div 的最佳方式

html - 如何在 asp.net web 表单中将 MultiView 与 TreeView 对齐?

css - 阻止模糊的标题图像稍微透明