Javascript 使用jQuery按钮从数组中删除项

我有一份清单， 其中包含一个图像和一个“x”图像（Close.gif） 我不确定单击“x”图像时如何删除ListItem

<ul id="cardList" class="cardList">    
    <li id="1" class="ui-state-default" data-type="cover" onclick="onClickCard(this)">
    Cover 00 
    <img src="./Close.gif" alt="" onclick="onClickClose(this)"/>
    </li>
</ul>

var onClickCard = function(asd){
    $(asd).remove();
}

---

我假设您的

onClickCard

函数用于在单击列表项本身时删除列表项，您希望在此处处理的函数是

onClickClose

之后，要解决您的问题，您可以使用或删除单击图像的父级

li

：

var onClickClose = function(asd){
    $(asd).parent().remove(); // or .closest('li').remove()
}

你可以试试看

---

首先，如果您希望在单击图像时启动函数，那么函数的名称就错了

将您的函数更改为此

var onClickClose = function(asd){
    $(asd).closest("li").remove();
}

试试这个：

var onClickClose = function(asd){
   $(asd).closest('li').remove();
}

---

这没有错，

onClickCard

是用于

li

元素的，但他希望在单击图像时触发它，而不是li；）

var onClickClose = function(asd){
   $(asd).closest('li').remove();
}