如何在DOM中的每个元素中调用函数,即使它们是动态创建的

Question

我想在我的DOM上调用特定元素的函数,例如:

$(".red").css({backgroundColor: "pink"});

它的工作原理确定为已经存在的到DOM任何元素,但我也希望这种方法在动态添加到DOM元素被调用.

我尝试过这样的事情:

$(".red").on(function(){ this.css({backgroundColor: "pink"}) });

要么:

$(".red").on("load", function(){ this.css({backgroundColor: "pink"}) });

但没有任何成功.

检查jsFiddle

更新

这个.css()电话只是一个例子,我实际上想要调用其他类型的函数

Answer 1

你很亲密 尝试:

$(document).on("load", ".red", function(){ this.css({backgroundColor: "pink"}) });

糟糕,这不起作用.这个http://jsfiddle.net/4Bv9r/

$('body').on('DOMNodeInserted', ".red", function(){ $(this).css({backgroundColor: "pink"}) });