javascript - jQuery addClass 到子元素

Question

我有一个带有子菜单的导航菜单的通常无序列表...

html:

<ul>
  <li><a href="#">Link 1</a></li>
  <li>
    <a href="#">Link with submenu</a>
    <ul>
      <li><a href="#">Sublink 1</a></li>
    </ul>
   </li>
</ul>

父级内部的所有链接 <li>有一个边界半径。但是如果父<li>有 child <ul> , 我不希望链接有半径。

我目前正在使用这个 jQuery:

<script>
  $("li").has("ul").addClass("sub-radius");
</script>

它工作正常，除了它针对 <li> ，但我需要它来定位 child <a>并删除它的半径。

如有任何帮助，我们将不胜感激。

Answer 1

试试这个表达式:

$("li:has(ul) > a").addClass("sub-radius");

编辑:如果您不希望子项具有边框半径，请删除查询中的 >。