だから私はテーブルを持っており、ユーザーが「新規追加」ボタンをクリックすると、新しいテーブル行を追加する機能を追加しています。問題は、最初にテーブルに 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の初心者として、コード構造の提案と、これに関するベストプラクティスの推奨事項をいただければ幸いです...
ありがとうございました。