javascript - 如何在插入元素时高效执行 JavaScript 函数？

Question

最初，当页面加载时，我使用 jQuery 搜索如下内容:

<label for="first_name">name</label>
<input type="text" name="first_name" />

并更改 html 以使其更漂亮。

当我尝试将这些元素动态插入 DOM 时，问题就出现了。由于没有任何内容绑定(bind)到新创建的元素，我不确定运行“调整”功能的正确方法是什么。我不想简单地破解它并在插入后立即手动调用 adjust_html1()、adjust_html2() 等。

在插入 html 后运行代码的最有条理和最有效的方式是什么？

(旁注:如果有办法只在新的 html 上运行它会更酷)

编辑:添加了一个“for”

编辑 2:这是我在文档就绪时运行的示例 jQuery 代码:

$('label').each(function() {
  /* do stuff */
});

Answer 1

您可以查看 livequery plugin :

$('[name="first_name"]').livequery(function() {
    alert('A node with name=first_name was injected into the DOM');
    adjust(this);
});