javascript - 单击子元素时如何将类添加到父元素

标签 javascript jquery

<分区>

当点击其中的跨度选择器时,我正在尝试使用 jQuery 向 li 添加类。

到目前为止我做了什么:

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

  });
});

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

这当然会将类添加到跨度本身。 我不知道怎么联系到他父亲 -> li

有什么建议吗?

最佳答案

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

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

关于javascript - 单击子元素时如何将类添加到父元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29440150/

相关文章:

javascript - 为什么这个 JavaScript 函数会停止执行?

javascript - 保留值的 PHP 切换按钮

jQuery ajax 在asp.net mvc 中上传文件

javascript - 使用递归反转字符串时实际发生了什么

javascript - JavaScript 与 Actionscript 2.0 和 3.0 之间通信的最佳方式是什么

javascript - 附加时布局会移动,除非我使用警报

javascript - jQuery slideToggle() 实现的故障

php - 有条件地自定义 WooCommerce 结账字段

javascript - Jquery 弹出窗口不再工作

javascript - 链接(或可链接的 DIV?)与背景图片 + 突出显示