動的に作成された要素にjQueryを適用する方法はありますか？ （ないイベントリスナー）

Question

私は動的に以下のクラスを持つ要素を作成しました：

<span class="text">Hello</span> 

とjQuery：

明らか

function changeText() { 
    var oldText = $(this).text(); 
    $(this).text(oldText + " There"); 
} 

$(function() { 
    $(".text").each(function(){ 
     changeText.apply(this); 
    }) 
}) 

、これは実際に何が起こっているかの簡易版が、基本でありますある。イベントリスナーを使用していなくても、動的に作成された要素にこのルールを適用することは可能ですか？

ここでの問題は、これらの ".text"要素の特定の場所がないことです。これらがわかる唯一の場所は、体の中にあります。私は体にmutationObserverを使用しています...それはパフォーマンスに課税されませんか？この

$dynamicElement.find(".text").each(function(){ 
    changeText.apply(this); 
}) 

Answer 1

同様

Answer 2

ではなく、これを実行します。

function changeText() { 
    var oldText = $(this).text(); 
    $(this).text(oldText + ' There'); 
} 
$(function(){ 
$('.text').each(function(i, e){ 
    changeText.call(e); 
}); 
});