如何在jQuery函數中使用純JS進行DOM更改？

我增加了行到表與使用純JS作爲某種形式的元素：如何在jQuery函數中使用純JS進行DOM更改？

var newRow = firstRow.cloneNode(true); 
table.appendChild(newRow); 
var newRowCells = newRow.getElementsByTagName("td"); 
...

一個行中的元素是一個下拉。我想在這個新增行中的下拉列表響應jQuery函數，它可以處理$(#dropdown).change()

任何想法？提前致謝！！

2013-08-24 Prafull

將處理程序直接放在'table'上，而不是在下拉列表中，並使用委派。像這樣：'$（mytable）.on（「change」，「.dropdown_class」，function（）{/ * handler * /}）;' –

可能重複[Event binding on dynamic created elements？]（http： //stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements） – Barmar

感謝@CrazyTrain＆Barmar - 它的工作就像一個魅力... – Prafull

選擇包含對象jQuery selector的行。你只需要輸入純粹的JS元素對象到$()，你就完成了。

$(newRow).find(".dropdown").change(dropHandler);

通知我改變#dropdown（一個ID）來.dropdown（一類），因爲你不能給同一個ID數DOM元素。

2013-08-24 00:10:35 Itay

回答