JQuery DIV 내용 확인

Question

DIV 내용을 확인할 때 DIV 내용이 변경되어 양식 필드가 있는지 확인합니다. 나는이 코드를 시도하고 있지만 응답하지 :

$.fn.exists = function(){return this.length>0;} 
$("div.provider_name").live("change",function(){ 
    if ($('input[id=checkout_provider_checkout_moneyorder]').exists) 
    { 
     alert('Input field exist'); 
    } 
}); 

입력 필드 dynamicaly를 표시, 난이 특정 필드가 존재하는지 확인하기 위해 wnat 이유가 그래서.

Answer 1

변경 이벤트는 모든 요소에서 사용할 수 없으므로 div 요소의 내용이 변경 되더라도 실행되지 않습니다.

변경 이벤트는 양식 요소에서 사용할 수 있습니다. 난 그냥 ID로 요소를 확인하고이 예에서는

var checkForInputTimer; 
var checkForInput = function() { 
    if ($("#checkout_provider_checkout_moneyorder").length > 0) { 
     window.clearInterval(checkForInputTimer); 
     alert("Do your processing here"); 
    } 
}; 

checkForInputTimer = window.setInterval(checkForInput, 2000); 

: 당신의 필요가 특정 폼 요소를 사용할 수있을 때 해결하는 것입니다 같은

그것은 당신이 간격을 사용하여 해당 검사 수, 보이는 ID는 고유해야한다는 점에서 가장 효율적인 검색입니다.

사용자 지정 이벤트를 만들 수도 있지만 div 요소를 업데이트하는 데 사용하는 코드를 사용하여 이벤트를 트리거해야한다는 것을 기억해야합니다. 나는 이것에 대한 JS Fiddle 만들었습니다

$('div.provider_name').bind('contentChanged', function(event, data) { 
    if ($('#checkout_provider_checkout_moneyorder').length > 0) { 
     alert('Do your processing here'); 
    } 
}); 

그리고 당신이 div를 업데이트 할 때마다, 당신은이 이벤트 트리거 :

$('div.provider_name').html('<input type="text" name="example" id="checkout_provider_checkout_moneyorder" value="example">') 
    .triggerHandler('contentChanged');