javascript - 如何向动态创建的 DOM 对象添加文本？

Question

假设我有两个按钮“添加链接”和“添加文本”。 “添加链接”按钮会自动将以下内容附加到现有页面:

<a href="text.html"></a>

当我单击“添加文本”按钮时，创建的所有动态链接的文本应包含文本“文本”。

我最初使用“$("a").text("Text")"作为“添加文本”按钮的功能，但它不起作用，因为当用户单击“添加”时，链接是动态创建的链接”按钮。

如何才能将“文本”添加到所有动态创建的链接中？

注意:类似这样

$('buttonforaddtext').live('click', function() {
    $("a").text("Text");
});

对我不起作用，因为该按钮一直都在那里，它是通过单击“添加链接”按钮动态创建的“a”。

Answer 1

尝试像我在评论中提到的那样，

$('#addLink').on('click', function () {
    $(body).append('<a href="' + someURL + '" class="newLink"></a>');
});

$('#addText').on('click', function () {
    $('a.newLink').text('New Link'); 
});