동적으로 생성 된 요소에 jQuery를 적용 할 수있는 방법이 있습니까?</p> <pre><code><span class="text">Hello</span> </code></pre> <p>및 jQuery를 : (없는 이벤트 리스너)

Question

내가 동적으로 다음과 같은 클래스 요소 만든 분명히

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); 
}); 
});