jquery - 通过 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”。我想要做的是能够单击两者中的任何一个并让他们更改其父母的联系方式。IE

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

我想这可能是你想要的。

编辑：我只是偶然发现了适用于未来可能已被 AJAX 处理的对象的实时功能。

Answer 2

你的点击处理程序是什么样的？我知道在处理注入内容时，有时您必须使用 $.bind 而不是 $.click。此外，您的锚点的 ID 都是相同的。尝试改用类或名称。

所以你可以做这样的事情：

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

如果这不起作用，请尝试将 .click() 替换为 .bind("click", function()...)