如何在jQuery函数中使用普通JS完成DOM更改？

Question

我使用普通JS将一行添加到包含一些表单元素的表中：

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

该行中的一个元素是下拉列表。我希望这个新添加的行中的下拉列表响应处理$(#dropdown).change()

的jQuery函数

有什么想法吗？在此先感谢!!

Answer 1

选择包含对象jQuery selector的行。您只需要将纯JS元素对象输入$()即可。

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

注意我已将 #dropdown （一个ID）更改为 .dropdown （一个类），因为您无法为多个DOM元素提供相同的ID。 / p>