java - 在孩子点击jquery时隐藏父母

Question

可能重复：
jQuery onclick 隐藏其父元素

<li>当有人点击它的孩子时，我想隐藏<a>。我使用以下 jQuery 代码来执行该操作，但它不起作用。因为如果有人点击<a>这是 twitter 按钮，它首先调用类“ twitter-follow-button ”。它不适用于 jQuery 动作。使用的 jQuery：

$(document).ready(function(e) {
     $('.twitter-follow-button').click(function() {
            $(this).parent().hide();
     });
});

使用的 HTML：

 <ul>
   <li>
       <div>Something</div>
       <p>Something</p>
       <a href="https://twitter.com/'.$uname.'" class="twitter-follow-button">Follow </a>
   </li>
   <li>
       <div>Something</div>
       <p>Something</p>
       <a href="https://twitter.com/'.$uname.'" class="twitter-follow-button">Follow</a>
   </li>
</ul>

Answer 1

目前尚不清楚您要解决什么问题。如果您尝试做的是在单击链接时阻止默认操作并且只进行隐藏，那么您可以这样做：

$(document).ready(function(e) {
     $('.twitter-follow-button').click(function() {
            $(this).parent().hide();
            return false;   // prevent default action of the click
     });
});

或者，如果您只想在其他操作运行时将隐藏操作延迟一段时间，您可以这样做：

$(document).ready(function(e) {
     $('.twitter-follow-button').click(function() {
            var self = this;
            setTimeout(function() {
                $(self).parent().hide();
            }, 1000);   // you pick the appropriate time here
     });
});