javascript - 创建一个 'remove div' 链接

Question

使用这段代码，我可以在 div 中添加带有一些文本和超链接的 div:

$('<div/>')
    .html("<a href='#'>x</a> " + i.item.label + " - ")
    .attr({ 'id': i.item.val })
    .addClass('boxClass')
    .appendTo('#acResults');

当我点击创建的 div 中的 x 链接时，我想删除创建的链接。类似于本网站标签部分中的删除标签。

你能帮帮我吗？

Answer 1

因为元素是动态附加的，所以您需要使用委托(delegate)事件处理程序。从那里您可以使用 closest() 找到父 div 并将其删除。试试这个:

$('#acResults').on('click', '.boxClass a', function(e) {
    e.preventDefault();
    $(this).closest('.boxClass').remove();
});