已解決430363個問題，去搜搜看，總會有你想問的

JQuery 使用 onclick 事件刪除 <li>

首頁猿問 JQuery 使用 onclick...

JQuery 使用 onclick 事件刪除 <li>

JavaScript

慕婉清6462132 2022-06-05 17:06:54

我有一個 ul，我將在其中使用 JQuery 添加元素，我有這個function addElement(e) { let text = $('#itemToAdd').val(); let newItem = $('<li>' + text + '</li>'); let removeBtn = $('<button onclick = "removeElement">X</button>'); newItem.append(removeBtn); $('#shoppingList').append(newItem); $('#itemToAdd').val(''); e.preventDefault();}$(document).ready(function() { $("#addBtn").on('click', addElement);});為了刪除元素，我有這個：function removeElement() { $(this).parent().remove();}添加功能很棒，但刪除功能卻不行。

查看完整描述

1 回答

呼如林

TA貢獻1798條經驗獲得超3個贊

如果您正在使用，onclick那么您必須使用引用調用該函數，因為this不會引用單擊的元素（window最常見的是指對象）并基于該元素刪除該元素。

元素創建：

let removeBtn = $('<button onclick = "removeElement(this)">X</button>');

功能：

function removeElement(ele) {

$(ele).parent().remove();

}

或者，您可以使用現有函數，但在創建元素后使用 jQuery 綁定事件處理程序。

let removeBtn = $('<button>X</button>');

removeElement.click(removeElement);

另一種選擇是事件委托，它有助于處理動態創建的元素上的事件。

反對回復 2022-06-05

1 回答
0 關注
227 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

JQuery 使用 onclick 事件刪除 <li>

JQuery 使用 onclick 事件刪除 <li>

1 回答

添加回答