2014-02-15 2 views
2

Я просто хотел удалить строку из соответствующей строки. Я пробовал код, который можно увидеть в JSFIDDLE. Он довольно прост, но все же я получаю ошибку. мой код для удаления ТгНе удалось удалить строку из таблицы с помощью jquery?

$(document).ready.(function(){ 
$("#table-lst-regions .deleteLink").on("click",function() { 
    var tr = $(this).closest('tr'); 
    tr.css("background-color","#FF3700"); 

    tr.fadeOut(400, function(){ 
     tr.remove(); 
    }); 
    return false; 
}); 

ответ

1

Проблема в том, что новый добавлен .deleteLink не subscibed по щелчку

Вы можете изменить, например, Defenition для удаления ссылки с атрибутом OnClick

<a class ="deleteLink" onclick="deleteRow(this);"> 

и добавить функцию удалить

function deleteRow(el) { 
     var tr = $(el).closest('tr'); 
     tr.css("background-color","#FF3700"); 

     tr.fadeOut(400, function(){ 
      tr.remove(); 
     }); 
     return false; 
    } 

Взгляд http://jsfiddle.net/48MRf/2/

+1

Это работает, спасибо alot .. есть ли какой-либо метод для редактирования непосредственно внутри 'tr' –

+0

Вы можете создавать входы с отображением none и показывать их на клике, редактировать также показывать кнопку« Сохранить », а« Редактировать »с помощью соответствующего обработчика. Или вы можете использовать существующий плагин для него, например http://jquery.iceburg.net/tableEditor/demo.php –

+0

@SNEHPANDYA Также посмотрите на js framework, например Knockout, Angularjs, Ember и так далее. Например http://knockoutjs.com/examples/gridEditor.html Он позволяет создавать более чистое решение, чем просто использовать jquery. –

Смежные вопросы