javascript - 动态地为 child 添加类(class)

Question

<li class="view">
    <a href="#"><span>Settings</span> </a>
    <ul >
      <li ><a>Leave Settings</a></li > 
      <li ><a href="compansatorysetting.aspx">Compensatory Settings</a></li>
    </ul>
</li>

我想添加一个class="open"在 <ul>当我点击 <li> .

我正在使用

$(".view").click(function () { 
   $(this).children().addClass("open"); 
});

它不起作用。有什么解决办法吗？

Answer 1

您需要使用 .parent() 或 .closest('ul') 来遍历到父 ul 元素:

$(".view").click(function () { 
  $(this).parent().addClass("open"); 
});

如果您希望定位点击的 li 中的内部 ul 元素，请使用 .find() 选择器:

$(".view").click(function () { 
  $(this).find('ul').addClass("open"); 
});