1 回答

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊
$('.delete-item').click(...)
僅將事件偵聽(tīng)器附加到現(xiàn)有項(xiàng)目。像這樣使用事件委托:
$("ul").on("click",?".delete-item",?function()?{ ????$(this).parent().text("DELETED") });
使用事件委托,您可以將事件偵聽(tīng)器附加到 DOM 中已存在的祖先(此處為元素<ul>
),并監(jiān)視后代上的事件,無(wú)論它們是否已經(jīng)存在或動(dòng)態(tài)添加。
演示:
$("ul").on("click", ".delete-item", function() {
? $(this).parent().text("DELETED")
});
$("button").click(function() {
? $("ul").append(`<li>Appended item <a class="delete-item" href="#">Delete item</a></li>`)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
? <li>List item 1 <a class="delete-item" href="#">Delete item</a></li>
? <li>List item 2 <a class="delete-item" href="#">Delete item</a></li>
</ul>
<button type="button">Add item</button>
添加回答
舉報(bào)