prepend方法添加的元素无法选中

prepend方法添加的元素无法选中

问题描述:

我做表格数据的增删改查练习,其中用到了prepent来实现增加数据。
但是在网页里交互的时候,点击添加按钮,输入数据,提交时,jq代码获取输入内容,从而在网页表格内,添加一行数据。
这类通过代码添加的数据,无法再次jq代码交互,也就是我说的不能选中。

img

img

img

img


是通过jq选中updata,delete的点击事件进行编辑删除,正常内容是点击编辑删除,是可以操作的,但是通过prepent方法添加到网页里的数据,点击编辑删除就没有反应了,在终端内查看两个button也是有赋予了class分别为updata,delete的

求解!!!

改成下面这样注册事件,有帮助麻烦点个采纳【本回答右上角】,谢谢~~


    $(document).on('click', '.update', function () {
        $('.mask').css('display', 'flex');
        //..............原来的代码
    })

    $(document).on('click', '.delete', function () {
        $(this).parent().parent().remove();
    })

使用on代理添加事件,而不是进入页面获取按钮添加事件,这样只有目前存在的dom才能加上事件,后续添加的按钮是没有注册事件的