2014-02-15 22 views
2

我只是想從相應的行中刪除行。我試過代碼,你可以在JSFIDDLE中看到它。它非常簡單,但仍然出現錯誤。 我去除TR代碼無法使用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上點擊

你可以用onclick屬性例如defenition更改刪除鏈接

<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

它的工作原理非常感謝..有什麼方法直接在'tr'內編輯 –

+0

您可以使用display none創建輸入並在點擊時顯示它們也可以顯示按鈕保存,而不是使用適當的處理程序編輯。或者你可以使用它現有的插件,例如http://jquery.iceburg.net/tableEditor/demo.php –

+0

@SNEHPANDYA還可以看看js框架,如Knockout,Angularjs,Ember等。例如http://knockoutjs.com/examples/gridEditor.html它允許創建更多幹淨的解決方案,而不僅僅是使用jQuery。 –