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”。我想做的事能够点击两者中的任何一个并让他们改变他们父母的意见。即。

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

我认为这可能就是你想要的。

编辑：我偶然发现了live函数，该函数适用于可能已经进入AJAX的未来对象。

Answer 2

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

所以你可以这样做：

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

如果不起作用，请尝试用.bind替换.click（）（“click”，function（）...）

通过jQuery访问AJAXed元素并更改其父级

2 个答案: