Как скрыть превосходный элемент?

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();, но он также не работает.

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 
    } 
}); 

});