jQuery`.parent（）。remove（）`不起作用

Question

解決方案可能很明顯，但是當單擊.remove元素時，我試圖刪除作為父級的整個.tag元素。 當前，單擊.remove元素沒有響應。

的HTML

'<div class="tag"><input id="' + id + '" type="hidden" name="' + name + '" value="' + value + '" />' + input + '<i class="remove dismiss fa fa-remove"></i></div>'

JS

$('.remove').on('click', '.remove', function() {
  $(this).parent().remove();
});

Answer 1

嘗試以下操作：在動態添加刪除鏈接時，您需要使用.on()注冊點擊處理程序。 但是在您的情況下，使用.on()會出錯。 請使用下面的代碼。

$(document).on('click', '.remove', function() {
    $(this).parent().remove();
});

有關jQuery .on（）的更多信息

Answer 2

您可以嘗試以下方法：

http://jsfiddle.net/myyzrwwe/

$('.remove').on('click', function() {
    $(this).parent().remove();
});

Answer 3

您不應該始終將事件委托給已委托的同一元素。 您需要選擇一個靜態父對象 。 在我的示例中， document對象是所有對象的父對象。

$('body').on('click', '.remove', function() {
    $(this).parent().remove();
});

Answer 4

問題可能是您將事件綁定到.remove，如果此內容是動態的，則可能有問題。 在這種情況下，最好綁定到文檔。

$(document).on()

回調具有事件參數，可使用該參數將其刪除。

function(e) {
  $(e.currentTarget).parent().remove();
}

檢查是否取消刪除元素。