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?