jQuery를 통해 AJAXed 요소에 액세스하고 부모를 변경하는 것

Question

나는 부모를 변경하기 위해 ajaxed 콘텐츠를 얻으려고하고있다. 어떻게하면 jQuery와 함께 할 수 있습니까? 구문을 올바르게 처리 할 수없는 것 같습니다.

<div id="menu"> 
    <a href="#" id="show_names">Show Names</a> 
</div> 

<!-- AJAXED CONTENT --> 
<div id="content"> 
    <a href="#" id="person">Janice</a> 
    <a href="#" id="person">Steve</a> 
</div> 
<!-- AJAXED CONTENT (END) --> 

'이름 표시'를 클릭하면 이름이 '제니스'와 '스티브'로 표시됩니다. 내가 원하는 것은 중 하나를 클릭하여 부모의 컨투어를 바꿀 수 있습니다. 나는.

$("#content).empty().text('Janice was born on 3rd September'); 

jQuery로 어떻게 가능합니까? 나는 Livequery를 시도했지만 그것은 내가 무엇 싶지 않아 것 같습니다.

Answer 1

$("#content a").click(function() { 
    $("#content").html($(this).html() + ' was born on 3rd September'); 
}); 

내가 원하는 것일 수 있습니다.

편집 :. 나는 그냥 AJAXed되었을 수 있습니다 미래의 개체에 대한 작동 live 기능

Answer 2

을 우연히 발견 무엇을 당신의 클릭 핸들러 모습이야? 주입 된 내용으로 작업 할 때 $ .click 대신 $ .bind를 사용해야하는 경우도 있습니다. 또한 앵커의 ID는 모두 동일합니다. 대신 클래스 나 이름을 사용해보십시오.

그래서 당신이 뭔가를 할 수 있습니다 :

$("#menu").click(function() { $("#content").show();}); 
$(".person").click(function() { $(this).parent("div").html('janice was born...');}); 

을 그 .bind와 함께) (.click 교체하려고 작동하지 않는 경우 (() 함수를 "클릭"...)