jquery - 使用 jQuery 动态添加子菜单指示器图像

Question

我有一种情况，我需要确定一个列表元素 (li) 下面是否有一个子 (ul)，如果有，我需要更改 anchor 标记 (a) 在 ( li) 显示子菜单指示器图像(比如 subMenuImg.gif)。所有 anchor 标记 (a) 都有一个 css 类“menuLink”，如果该列表元素 (li) 有子菜单，我想将其更改为 subMenuLink。然后，我可以根据需要在此子菜单链接上应用样式。

我怎样才能最好地使用 jQuery 来做到这一点？

Answer 1

你可以得到一个 li 的列表，下面有 ul:

$("li:has(ul)")

然后您可以将不同的样式应用于 li 的每个直接子级

$(this).find(">a").addClass("hasSubmenu");

像这样把它们放在一起。

$("li:has(ul)").each(function(){
    $(this).find(">a").addClass("hasSubmenu");
});