創建“刪除div”鏈接

Question

使用此代碼，我可以在div中添加帶有一些文本和超鏈接的div：

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

當我點擊創建的div中的x鏈接時，我想刪除創建的鏈接。 與此站點的tags部分中的remove標記類似的內容。

請你幫助我好嗎？

Answer 1

因為元素是動態附加的，所以需要使用委托的事件處理程序。 從那里你可以使用closest()來找到父div並將其刪除。 嘗試這個：

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

Answer 2

您可以這樣做：使用.on()添加click事件（我們為動態創建的元素執行此操作）並使用.remove()刪除單擊的鏈接。

$(document).on('click','div.boxClass a',function(){
    $(this).remove();
});

編輯 - 正如OP提到的“我想在帖子中點擊創建的div中的x鏈接時刪除創建的鏈接”，但看起來OP想要刪除div而不是鏈接。 請在下面找到更新的答案 -

$(document).on('click','div.boxClass a',function(){
     $(this).closest('div.boxClass').remove();
 });

Answer 3

在此鏈接中添加一些類

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

然后試試

$('.remove-link').click(function (event) {
   event.preventDefault();
   $(this).remove();
});