0

所以我有一个表格，一旦用户点击“添加新”按钮，我就可以添加一个新的表格行。问题是最初表有 4 行，当我在这 4 行中的任何一行上单击“添加新”按钮时，它会添加一个新行，但是如果我在任何新创建的行上单击“添加新”按钮，则没有行创建的。这些新创建的行没有继承此“添加行”功能。我对 jquery 比较陌生，我只知道基础知识（我在项目中需要什么）。所以这是我的代码：

$('.new-row').on('click', function(){
        var add_parent_div_id = $(this).parent().data('divid');
        var last_row = last_row_id();
                var cl="gray";

        //add a new row
        $('[data-divid="'+add_parent_div_id+'"]').after('<div class="cell '+ (cl) +'" data-divid="'+ (++last_row) +'" ><div class="new-row"></div><div class="item-cell"><input type="text" value="Item name..." ></input></div> <div class="qty-cell"><input type="text" value="1" ></input></div> <div class="price-cell"><input type="text" value="0.00" ></input></div> <div class="discount-cell" ><input type="text" value="0.00" ></input></div> <div class="subtotal-cell"><input type="text" value="0.00" ></input></div><div class="remove-row"></div></div>');

    });

因此，一旦您单击添加按钮，它就会附加一个新行。

我怎样才能做到这一点，以便新创建的行会听这个

$('.new-row').on('click', function(){

并添加一个新行....

作为一个 jquery 新手，我将不胜感激任何代码结构建议以及任何关于此的最佳实践建议......

谢谢你。

4

0 回答 0