无法使用jquery从表中删除行?

时间:2014-02-15 21:07:35

标签: jquery html

我只想删除相应行中的行。我已经尝试过你可以在JSFIDDLE中看到的代码。它非常简单,但我仍然会收到错误。 我删除tr的代码是

$(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 个答案:

答案 0 :(得分:1)

问题是单击

时未添加新添加的.deleteLink

您可以使用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/