单击使用jQuery动态添加按钮添加新元素

Question

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

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

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

Answer 1

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

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

Demo

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