jquery方法/函数的继承

因此，我有一个表，我添加了一个功能，一旦用户 点击“添加新”按钮。问题是最初表有4行， 当我在这4行中的任何一行上单击“添加新”按钮时，它会添加一个新行，但如果我在任何新创建的行上单击“添加新”按钮，则不会创建任何行。这些新创建的行没有继承此“添加行”功能。 我对jquery还比较陌生，我只知道基本知识（我在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>');

    });

并添加一个新行

作为一个jquery新手，我非常感谢任何关于这个问题的代码结构建议和最佳实践建议

---

谢谢。

@KevinB你是说介绍性“so”的另一个很好的例子。谢谢你注意到：D

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