동적으로 생성 된 요소에서 JQuery 좁은 선택

Question

perl로 동적으로 생성 된 선택/옵션 html 코드가 있습니다. JQuery를 사용하여 아래 div의 각 옵션 값을 표시합니다. 내 질문에 어떻게 각 선택 태그 JQuery 선택 범위를 좁히려면 어떻게됩니까? 지금은 모든 태그를 선택하는 방식입니다.

동적으로 생성되어 많은 태그가있을 수 있기 때문에 모든 태그에 ID를 넣을 수는 없습니다. Im Im new to JQuery와 나는 찾고있는 대답이 그다지 어렵지는 않을 것이라고 확신하지만, 나는 그것을 얻지 못하는 것 같습니다. 감사합니다

Answer 1

이 :

function displayDesc() { 
    var classSelectionValue; 
    classSelectionValue = $('.ClassDescriptionDiv > fieldset > legend > select').val(); 
    $('.ClassDescriptionDiv > fieldset > div').html(classSelectionValue); 
} 

가 있어야한다 :

function displayDesc() { 
    var classSelectionValue = $(this).val(); 
    $(this).closest("fieldset").children("div").html(classSelectionValue); 
} 

Answer 2

이보십시오. 대신 별도의 기능은 다음과 같이 익명 함수를 사용할 수 있으며, 당신이 둘러싸 fieldset 요소를 찾아 자식 div을 찾을 수 closest 방법을 사용할 수있는의

function changeDesc() { 
    //Here this will point to the select element which triggered change event 
    $('.RandomDiv > fieldset > div').html($(this).val()); 
} 

$('.RandomDiv > fieldset > legend > select').change(changeDesc); 

.

$('.RandomDiv > fieldset > legend > select').change(function() { 
    //Here this will point to the select element which triggered change event 
    var $this = $(this); 
    $this.closest('fieldset').children('div').html($this.val()); 
});