jQuery onclick隐藏其父元素 [英] jQuery onclick hide its parent element

问题描述

我想在< a> 标记上隐藏< li> 标记，点击jQuery。

I want to hide <li> tag on <a> tag click with jQuery.

<ul>
  <li>
    <a href="'>Something</a>
  </li>
  <li>
    <a href="'>Something</a>
  </li>
  <li>
    <a href="'>Something</a>
  </li>
</ul>

换句话说，如果有人点击了链接（< a>< / a> ），其父< li> 隐藏。

In other words if someone clicks on link(<a></a>) its parent <li> gets hidden.

推荐答案

(function() {
  $("ul li a").click(function(e) {
    e.preventDefault();
    $(this).parent().hide();
  });
})(jQuery);

还尝试一个jQuery函数

also try the "one" jQuery function

(function() {
  $("ul li a").one('click', function(e) {
    e.preventDefault();
    $(this).parent().hide();
  });
})(jQuery);

这篇关于jQuery onclick隐藏其父元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！