jquery中的.clone()和.remove()方法

 刘延庚 发布于 2023-02-09 19:41

我的任务是实现功能,当我点击一个按钮,然后它添加一个完整的行,这是由我通过.clone()方法实现的.现在我要删除它.当我点击十字按钮时,只删除该行.如图所示:在此输入图像描述

当我点击十字架时,然后删除该行.我的代码是:

$(document).ready(function () {

    $("button#add").click(function(){   
    $(".abcd:last").clone().appendTo(".wrapper");  
});
$(".glyphicon-remove").click(function () {

        $(".abcd:last").remove();
    });

});

HTML:


    

     
    

我可以通过单击添加按钮添加新行,但无法通过单击十字来隐藏该行.

注意:仅删除该行,选择了哪个行交叉按钮.

1 个回答
  • 首先,您需要将克隆更改为:

    $(".abcd:last").clone(true).appendTo(".wrapper");
    

    传递真实意味着它也是克隆事件.

    然后,在您的删除功能中,您需要使用this关键字.this将点击按钮.然后,您可以使用最近的DOM遍历方法删除您的行:

    $(".glyphicon-remove").click(function () {
    
        $(this).closest(".abcd").remove();
    });
    

    2023-02-09 19:42 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有