动态修改元素

Question

我有一些关于课程.super-elem的元素我希望以某种方式进行调整，让我们说attribute添加adjusted="true"

我可以在文档的ready事件中轻松制作类似的内容：

$(".super-elem").attr("adjusted", "true");

但我可以稍后添加.super-elem元素，我也希望它们也可以调整。

因此，当我使用AJAX添加.super-elem时，我可以使用一些AJAX回调来进行调整。

但是 - 有1000种不同的方式可以将新元素添加到页面中，就像

一样

$("<div>").addClass("super-elem").appendTo("body");

是否有某种方法可以确保任何已添加或创建的具有类.super-elem的元素也需要进行调整？

我的想法是

• 超时检查是否有没有调整的元素

setTimeout(function(){ adjust() }, 100);

• 某种DOM修改事件

但我不确定这些是不是很好的解决方案 - 我认为它们对性能完全不利，而且我觉得第一个不是很好。

Answer 1

您可以使用每次event或创建新append时可以触发的自定义.super-elem，例如：

...
$(".super-elem").append() //or whatever
$.event.trigger("superElemCreate");
..

$(document).on('superElemCreate', function() { 
});