将函数应用于与选择器匹配的每个当前和未来元素

Question

我想知道是否有办法做这样的事情：

 $("form").prepend('<div class="errors"></div>');

到当前页面上的每个表单以及稍后将加载的任何表单（使用ajax）或由js添加。

类似于：

 $("form").live("submit",function(){
     $("form").prepend('<div class="errors"></div>');
 })

无需在加载某些ajax时手动（重新）应用所需的操作。

干杯！

Answer 1

对此没有真正好的跨浏览器解决方案。有mutation events，例如DOMNodeInsertedIntoDocument和DOMSubtreeModified，但它们在IE或Firefox中不受支持，无论如何，它们都被弃用了，所以依赖它并不是一个好主意在他们身上。

我建议重新审视“手动”方法。您可能应该知道何时修改文档（例如：通过AJAX检索某些HTML并插入它），这样您就可以执行此时所需的任何操作。