javascript - 简化 jQuery objective-c SS

Question

当“子菜单”类存在时，我目前正在使用以下 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>');

非常感谢任何帮助!

谢谢

Answer 1

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

使用:

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