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

「名前を表示」をクリックすると、「Janice」と「Steve」の名前が表示されます。私がしたいこと は、2つのうちのいずれかをクリックして、親のcontectを変更させることができます。私。

$("#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'); 
}); 

あなたが望むものかもしれないと思います。

EDIT：私はちょうどにAJAXedされている可能性があり、将来のオブジェクトのために働くlive機能

Answer 2

に出くわし 何あなたのクリックハンドラがどのように見えるのですか？私は、注入されたコンテンツを扱うときに$ .clickの代わりに$ .bindを使用する必要があることを知っています。また、あなたのアンカーのIDはどちらも同じです。代わりにクラスまたは名前を使用してみてください。

ですから、このような何か行うことができます：それは（.click交換してみ機能しない場合

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

）を.bindと（ "クリック"、機能（）...）