不好意思又來打擾了
有些問題想請教一下各位大大

目前的需求是先按下按鈕添加一列欄位
且欄位中有複製的按鈕
按下後可以複製整個tr
不用再手動添加後一個一個輸入相同資料

var current_material_item_row_index = 0;

按下"添加"之按鈕後會新增一列

function add_material_item(){

current_material_item_row_index = current_material_item_row_index+1;
									 
html +="<tr id='material_tr_"+current_material_item_row_index+"'>";
									 
html +="<td><a href='javascript:void(0);' onclick='delete_material_item(\""+current_material_item_row_index+"\");'>刪除</a><br><br><a href='javascript:void(0);' onclick='copy_material_item_field(\""+current_material_item_row_index+"\");'>複製</a></td>";
									 
html +="<td>";						                             
html +="<input type='hidden' name='material_row_source[]' id='material_row_source_"+current_material_item_row_index+"' data-element_index='"+current_material_item_row_index+"' value=''/>";            
html +="<input type='hidden' name='material_row_id[]' id='material_row_id_"+current_material_item_row_index+"' data-element_index='"+current_material_item_row_index+"' value=''/>";
html +="<span id='material_item_no_span_"+current_material_item_row_index+"' class='material_item_no_span'>"+current_material_item_row_index+"</span>";
html +="</td>";

html +="<td><input type='text' name='material_product_model_name[]' id='material_product_model_name_"+current_material_item_row_index+"' data-element_index='"+current_material_item_row_index+"' size='20' value=''/><br><span id='material_product_model_name_error_span_"+current_material_item_row_index+"' class='error_span'></span></td>";
									 
html +="</tr>";

}

目前想法是按下複製後，會傳送值並依據id克隆那個tr
再改變每一個的id

function copy_material_item_field(element_index){

current_material_item_row_index+=1;

var new_element_index = current_material_item_row_index ;

var copy__material_item = $("#material_tr_"+element_index).clone(true).attr
('id', 'material_tr_'+new_element_index);

copy__material_item.find("#material_row_source_"+element_index).attr({id:"material_row_source_"+new_element_index});

copy__material_item.find("#material_row_id_"+element_index).attr("id","material_row_id_"+new_element_index);

copy__material_item.find("#material_item_no_span_"+element_index).attr("id","material_item_no_span_"+new_element_index);

copy__material_item.find("#material_product_model_name_"+element_index).attr("id","material_product_model_name_"+new_element_index);

$("#material_tr_"+element_index).after(copy__material_item);

}

動作是按下按鈕後會出現一列 且 tr 的 id是 material_tr_1
再按下複製後就會克隆並出現一個 id 是 material_tr_2
但我onlick傳送的值不正確(?)，又或者是我copy_material_item_field()這個function少了一些東西
導致我在 material_tr_2 (由material_tr_1複製而來的)按下複製，卻跑去克隆 material_tr_1
所以想請教的是我該如何修改，按下複製才能clone到正確的tr?

又或者有其他的做法能複製並新增至MySQL中 謝謝!

看起來是clone事件時有需要修改的地方
也就是當我克隆 material_tr_1 時候
裡面的onclick假設傳送的是1
生成 material_tr_2 之後
裡面onclick函數夾帶的值似乎也還是1，並不會動態的改變成2(?)