javascript - jQuery onclick 隐藏其父元素

Question

我想隐藏<li>标签 <a>使用 jQuery 标记单击。

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

换句话说，如果有人点击链接(<a></a>)，它的父链接<li>被隐藏。

Answer 1

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

也尝试“一个”jQuery 函数

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