jquery - 脚本未检测到对创建元素的单击

我有一个函数，可使用removeme类创建span元素并将其插入DOM。我还将单击事件附加到所有类别为removeme的跨度上，该类应删除在上一步中创建的跨度。这是行不通的。 click事件未触发，并且未删除跨度。

$('.createtext').click(function(){
    $('<span class="removeme">Remove text</span>').appendTo($('#a1'));
});

$('.removeme').click(function(){
    $('.removeme').remove();
});

我在这里有一个例子：http://jsfiddle.net/aagQE/

最佳答案

使用事件委托：

$('.removeme').live("click", function(){
    $(this).remove();
});

或更好）：

$('#a1').delegate(".removeme", "click", function(){
    $(this).remove();
});

参考：


http://api.jquery.com/delegate/
http://api.jquery.com/live/