Доступ к элементам AJAXed через jQuery и изменение их родителя

Question

Im пытается получить 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'); 
}); 

Я думаю, что это может быть то, что вы хотите.

EDIT:. Я просто наткнулся на функцию live, которая работает для будущих объектов, которые могли бы быть AJAXed в

Answer 2

, что ваш обработчик щелчка выглядеть? Я знаю, что иногда вам приходится использовать $ .bind вместо $ .click при работе с вложенным контентом. Кроме того, идентификаторы ваших якорей одинаковы. Вместо этого попробуйте использовать класс или имя.

Так что вы могли бы сделать что-то вроде этого:

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

, если это не работает, попробуйте заменить .click() с .bind ("щелчок", функция() ...)