Динамическое удаление строк таблицы [закрыто]

Для реализации нам вовсе не обязательно знать класс или идентификатор ряда. Нам достаточно обратиться к ряду относительно самой кнопки удаления.

Пример на jQuery (jsfiddle):

html

<table>
    <tr>
        <td>Первый ряд</td>
        <td><a href="#" class="row-remove">Удалить</a></td>
    </tr>
    <tr>
        <td>Второй ряд</td>
        <td><a href="#" class="row-remove">Удалить</a></td>
    </tr>
</table>

js

(function($) {
    $(document).ready(function() {
        $('.row-remove').click(function(e) {
            e.preventDefault();
            $(this).closest('tr').remove(); // или $(this).parent().parent().remove();
        });
    });
}(jQuery));

Документация jQuery для .closest() и .parent()

Можно использовать jQuery.closest() для поиска ближайшего к кликнутому элемента <tr> (фиддл):

$('tr i.glyphicon-remove').on('click', function(e){
    $(e.target).closest("tr").remove();
});

Незнаю как с работают атрибуты , но можно попробовать. Назначаете строке идентификатор и унопке удаления на той же строке атрибут с идентификатором строки. 1. Кликаем на крестик 2. Получаем атрибут крестика с идентификатором строки 3. Удаляем строку с идентификатором

типо

<tr class="myRow1">
    <td>Удалить эту строку</td><td><img src="крестик" delRow="myRow1" ></td>
</tr>