[jquery]簡易範例複製物件(以複製table的tr為例)

  • 473
  • 0

[jquery]簡易範例複製物件(以複製table的tr為例)

下面是範例程式碼,以複製table的tr為例,細節可看下面的註解:

var ele = $('input[name=myTextbox]');
var tr = ele.closest('tr');//被複製的tr物件
var trClone = tr.clone();//利用clone()複製整個tr物件    
trClone.find('input[name=myTextbox]').val('');//複製出來的tr裡面的textbox帶入自己想要的value
trClone.find('select[name=myDDL]').val('');//複製出來的tr裡面的下拉選單帶入自己想要的value
//複製出來的tr裡面的下拉選單 帶入change事件
trClone.find('select[name=myDDL]').on('change', function () {
        MyChangeEventFunction();
});

//下面是最後insert的動作,請擇一使用
trClone.insertAfter(tr);//複製好的tr插入到原本tr的後面
tr.closest('tbody').append(trClone);//複製好的物件插入到table的最後面

 

參考資料:
工作經驗
https://api.jquery.com/clone/