jQuery에서 삽입 된 요소를 조작 할 수 있습니까?

Question

저는 신입생 인 jQuery입니다. jQuery가 코드로 추가 된 요소를 조작 할 수 있다고 생각하지만, 지금은 그렇게 될 수 없다는 것을 알게되었습니다.

$(function(){ 
    $("#addVideo").click(function(){ 
     $("#publisher").append("<div id='choseType'><input type='button' value='video'> <input value='music' type='button'> <input type='button' value='X'></div>"); 
    })  
    $("#choseType input:eq(0)").click(function(){ 
    $(this).addClass("selected"); 
    }) 
}) 

jquery의 제한 사항입니까, 아니면 내 코드의 오류입니까? 두 번째를 넣어 주면 첫 번째로 제대로 작동하지만, 한 번만 실행됩니다 (추가 된 #choseType을 제거하고 다시 추가하면 두 번째 클릭이 작동하지 않습니다). 그럼 어떻게 조작합니까? 코드 추가 요소? 감사!

Answer 1

$(function(){ 
    $("#addVideo").click(function(){ 

     //create new content, and append to publisher 
     //also, reference the new content 
     var newContent = $("<div><input type='button' value='video'> <input value='music' type='button'> <input type='button' value='X'></div>").appendTo('#publisher'); 

     //then add a handler to input in the context of the new content 
     $("input:eq(0)", newContent).click(function(){ 
      $(this).addClass("selected"); 
     }); 
    })  
}) 

Answer 2

위임 동적이 아닌 요소에 이벤트 :

$(document).on('click', "#choseType input:eq(0)", function(){ 
    $(this).addClass("selected"); 
}); 

및 ID의 고유 있습니다!