javascript - 如何使在普通 JS 中完成的 DOM 更改可用于 jQuery 函数？

Question

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

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

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

有任何想法吗？提前致谢 ！！

Answer 1

使用对象jQuery 选择器选择行。你只需要输入纯JS元素对象$()就可以了。

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

请注意，我已将#dropdown（一个 ID）更改为.dropdown（一个类），因为您不能为多个 DOM 元素提供相同的 ID。