如何隐藏优越元素？

Question

当我点击li内的button时，我试图隐藏 <li class="list-group-item jogador"> <button class="btn btn-danger excluir">Excluir</button> </li> <script> $('.excluir').click(function(){ $.ajax({ url: '/test/', method: 'post', success: function() { $('.jogador').closest().hide(); } }); }); </script> 。

不能工作。

$(this).prev().hide();

使用{{1}}进行了测试，但它也无法正常工作。

Answer 1

您想要选择父级：

$('.excluir').click(function(){
 var $t = $(this);//so that we can use this after the callback
 $.ajax({
  url: '/test/',
  method: 'post',
  success: function() {
    $t.parent().hide();//select our parent
  }
 });
});

Answer 2

.jogador是LI！

$('.excluir').click(function(){

 var $theButton = $(this);               // Reference the clicked button

 $.ajax({
  url: '/test/',
  method: 'post',
  success: function() {
      $theButton.closest("li").hide();  // and hide it's closest LI element
    }
 });

});