jquery - 通过单击使用 jQuery 动态添加的按钮添加新元素

Question

我有一个用于在 containerDivs 中添加动态内容的 jQuery 脚本。http://jsfiddle.net/Lijo/srFkJ/2/

这个 div 元素结构被添加到 HTML 页面的多个位置。请单击小提琴中的第一个和第二个按钮以查看此内容。

动态脚本将一个名为“查看收件人”的按钮添加到 HTML。当单击任何“查看收件人”按钮时，需要将一个新的 Div 元素（小提琴代码中的 childHTML）添加到相应的 logRow div（黄色背景）中。我们应该怎么做？

Answer 1

您可以向 中添加实时侦听器.viewRecipientsButton，即使添加侦听器时不存在的按钮也会触发

$('.viewRecipientsButton').live('click', function() {
    $(this).closest('.logRow').append($(childHTML));
});

演示

请注意，live这些天已弃用，但由于您在文档中包含 jQuery 1.4.1，我想这是一个要求。