如何addClass到最近的元素

Question

我有一个下拉菜单，我想验证子菜单是否包含类in，然后验证具有类ul的最近的.menu是否添加了类in。这是我的代码，但它为所有ul代替了最近的类.menu。

<script>
  if($(".submenu").hasClass( "in" )) {
    $(".submenu").closest(".menu").addClass("in");
  }
</script>

Answer 1

您需要更改选择器

$(".submenu.in").closest(".menu").addClass("in");

Answer 2

试试这个：

要查找DOM，请使用：

<script>
    $('.submenu.in').closest('.menu').addClass("in");
</script>

要查看子元素，请使用：

<script>
    $('.submenu.in .menu').first().addClass("in");
</script>

Answer 3

我假设你想要定位.submenu的子元素，所以试试这个

<script>
  if($(".submenu").hasClass( "in" )) {
    $(".submenu").children(".menu").addClass("in");
  }
</script>

或者，如果您只是想让初级孩子在这里找到解决方案：How to select only the first level children in JQuery