JQuery basic: Как удалить строку таблицы при нажатии кнопки этой строки? $("#tableid tbody:last").append(html); Это создает таблицы строк динамически. Каждая новая строка имеет кнопку "удалить". Теперь, если я нажму кнопку "Удалить", эта строка будет удалена. Как я могу это сделать. Спасибо заранее. Ответ 1 $(buttonSelector).live ('click', function () { $(this).closest ('tr').remove (); } ); с помощью .live для привязки вашего события будет автоматически связываться, когда динамически добавляется ваша строка. Edit live теперь устарел, так как версия 1.7 я думаю. Теперь можно использовать on вместо live. $('#tableid').on('click', buttonSelector, function(){ $(this).closest ('tr').remove (); }); Смотрите doc. Ответ 2 Этот код можно использовать для удаления родительской строки, содержащей нажатую кнопку: $(myButtonSelector).click(function(){ $(this).parents('tr').first().remove(); }); Для живого примера см. эту ссылку. Подробнее см. в этой статье. Ответ 3 Вы можете сделать что-то вроде: $('.add').click(function(){ $("#tableid tbody:last").append('<tr><td>Hi</td><td><a class="remove">Remove</a>'); }); $('.remove').live('click',function(){console.log($(this).parent().parent().remove())});
Ответ 1 $(buttonSelector).live ('click', function () { $(this).closest ('tr').remove (); } ); с помощью .live для привязки вашего события будет автоматически связываться, когда динамически добавляется ваша строка. Edit live теперь устарел, так как версия 1.7 я думаю. Теперь можно использовать on вместо live. $('#tableid').on('click', buttonSelector, function(){ $(this).closest ('tr').remove (); }); Смотрите doc.
Ответ 2 Этот код можно использовать для удаления родительской строки, содержащей нажатую кнопку: $(myButtonSelector).click(function(){ $(this).parents('tr').first().remove(); }); Для живого примера см. эту ссылку. Подробнее см. в этой статье.
Ответ 3 Вы можете сделать что-то вроде: $('.add').click(function(){ $("#tableid tbody:last").append('<tr><td>Hi</td><td><a class="remove">Remove</a>'); }); $('.remove').live('click',function(){console.log($(this).parent().parent().remove())});