javascript - jQuery 动态选择内容

Question

我有一个包含动态内容的页面。

<div id="content-1">
    <div id="subcontent-1"></div>
    <i id="delete-1"></i>
</div>
.
.
.
<div id="content-10">
    <div id="subcontent-10"></div>
    <i id="delete-10"></i>
</div>

如何使用 jQuery 选择器选择动态内容以及如何了解哪些内容将被删除我不确定并且感到困惑。

需要了解用户点击了哪个删除。

Answer 1

在标记中，如果您可以向元素添加一个类，那么选择元素会更容易

<div id="content-1" class="content">
    <div id="subcontent-1"></div>
    <i id="delete-1" class="delete">i</i>
</div>

然后使用类选择器注册事件处理程序

$(document).on('click', '.content .delete', function(){
    $(this).closest('.content').remove();
})

• Event binding on dynamically created elements?