JQuery - удалить родительскую строку элемента

Question

У меня есть таблица с кнопками в клетках, например, так:

<table> 
    <tr> 
     <td>information</td> 
     <td> 
      <button onclick="function(id, this)">Text</button> 
     </td> 
    </tr> 
</table> 

Функция вызывается при нажатии кнопки делает некоторые АЯКС вещи, и если это успешно, то вся строка, где кнопка должна быть удалена из DOM. (Это функция удаления;)

Однако я не могу заставить jQuery удалить правильную строку. Я использовал $('#id').parent().parent().remove();, поскольку я думал, что он пойдет: button -> cell -> row, но он просто удаляет первую строку таблицы ?! Куда бы я ни проиграл? :(

Answer 1

http://jsfiddle.net/ZnX5J/

<table> 
    <tr> 
     <td>information</td> 
     <td> 
      <button onclick="removeRow(this)">Text</button> 
     </td> 
    </tr> 
    <tr> 
     <td>blah</td> 
     <td> 
      <button onclick="removeRow(this)">Text</button> 
     </td> 
    </tr> 
</table> 

JavaScript

removeRow = function(el) { 
    $(el).parents("tr").remove()  
} 

Answer 2

.closest() может сделать это легко -

$(this).closest('tr').remove(); 

Вы можете удалить встроенный OnClick и обрабатывать щелчок, как это -

$('button').on('click',function(){ 
    $(this).closest('tr').remove(); 
}); 

Demo ------>http://jsfiddle.net/2nJYe/

Answer 3

рабочий пример http://jsfiddle.net/cse_tushar/6mMkM/

$('.b1').click(function() { 
    $(this).parent().parent().remove(); 
}); 

Answer 4

вы сделали это правильно, но нет идентификатора, если вы это сделаете, он будет работать, как вы ожидали,

$(this).parent().parent().remove(); 

но использование .closest() рекомендуется в такой ситуации.

$(this).closest("tr").remove();