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

标签 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;
});

最佳答案

问题是新添加的 .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/

关于jquery - 无法使用 jquery 从表中删除行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21803665/

相关文章:

javascript - 字段值的乘法

javascript - soundmanager2 html5 音频无法在 ios 上播放

javascript - 使用 jQuery 选择出现多次的类

javascript - 即使在使用 $(document).ready(function() {}) 之后,jquery click 函数也无法正常工作;甚至在使用 $(function) block 之后

jquery - Bootstrap Supersized JQuery Error 移动设备布局

html - 将 DIV 相互重叠

html - Foundation for Emails Inliner 工具破坏布局

javascript - Fancybox 2 beforeLoad 和 afterClose 在事件时不触发隐藏/显示 div

javascript - 在下拉列表的更改时显示模式表单

html - Shopify Liquid Filter 直接在 HTML 中插入 SVG 文件?