удалите <td>, который добавляется динамически через jquery

Question

удалите <td>, который добавляется динамически через jquery

0

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

$(function() {
    var spinner = $( "#spinner" ).spinner({ min: 0 });

    $( "#ok" ).click(function() {
        var spiner_val = spinner.spinner( "value" ) ;
        var html = '<tr><td><input type="text" name="name" />&nbsp;<input type="text" name="name" />&nbsp;<input type="text" name="name" />&nbsp;<select><option value="">abc</option><option value="">abc</option><option value="">abc</option><option value="">abc</option></select><a href=""><img class="img-icons" src="images/delete.jpg" /></a></td></tr>';

        for(i = 0; i < spiner_val;i++){
            $(html).insertAfter('tr:last');
        }
    });
});

Поэтому, когда пользователь щелкает изображение infront любой строки, эта строка должна быть удалена.

вот демонстрация http://jsfiddle.net/aLZhw/2/

kwk.stack 20 сен. 2013, в 12:30

Источник

Теги:

jquery

html

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-09-20T07-50-00.000Z

Добавьте класс delete к элементу a например <a href="" class="delete"><img class="img-icons" src="images/delete.jpg"/></a>

тогда

 $('#my-table').on('click', '.delete', function(){
     $(this).closest('tr').remove();
     return false;
 })

Демо: скрипка

также структура таблицы неверна, я думаю, вы заметили, jsfiddle.net/aLZhw/4
да, я получил это сейчас спасибо за каждый стека переполнения всегда рок
@ Arun спасибо, у меня тоже есть такая же проблема.