Question

当我点击其中的span选择器时，我试图用jQuery添加类。

到目前为止我做了什么：

jQuery(document).ready(function() {
  jQuery('li span').click(function() {
    jQuery(this).toggleClass('active');

  });
});

<ul>
  <li><a href="#">Hello World</a>
    <span></span>
  </li>
</ul>

这当然会将类添加到span本身。我无法弄清楚如何联系他的父亲 - ＆gt;李

有什么建议吗？

Answer 1

只需使用.parent()访问父元素

即可

jQuery(this).parent().toggleClass('active');

Answer 2

使用.parent()选择父元素，如此

jQuery(document).ready(function() {
  jQuery('li span').click(function() {
    jQuery(this).parent().toggleClass('active');
  });
});

<ul>
  <li><a href="#">Hello World</a>
    <span></span>
  </li>
</ul>

如何在单击子元素时向父元素添加类

2 个答案: