Как удалить узлы HTML

Question

Я не уверен, что я делаю это так, как это можно сделать, и если у кого-то есть лучший способ, пожалуйста, дайте мне знать.

У меня есть таблица данных, которая помещается на страницу с помощью AJAX. У пользователя есть возможность удалить эти данные. Если удалить данные не удастся, я хочу, чтобы строка была удалена из списка.

Я не уверен, как и хотел бы знать, могу ли я удалить строку данных без идентификатора, прикрепленного к самой строке.

Вот что одна из строк таблицы данных выглядит

<tr> 
    <td data-pid="2"><a data-pid="2" href="#">test</a></td> 
    <td><a data-pid="2" class="manage-icon" href="#"><img alt="" src="delete.png"></a></td> 
</tr> 

This is what I'm using to get the id 
$(this).attr('data-pid'); 

Answer 1

Попробуйте

$('a[data-pid="' + pid + '"]').closest('tr').remove(); 

.closest()

использование

$(this).data('pid'); 

вместо

$(this).attr('data-pid'); 

.data()

.parents() для всех соответствующих элементов-предков.

closest() для первого ближайшего совпадающего элемента (либо предка, либо самого себя).

.closest() лучше и быстрее в вашем случае

Answer 2

Вы хотите удалить этот тр?

$(function() { 
    $('img').click(function() { 
     var a = $(this).parent(); 
     if(confirm('Delete?')) { 
      var pid = a.data('pid'); 
      //do ajax remove; 
      a.parents('tr').remove(); 
     } 
    }); 
});