Question

我有一份清单，它有一个图像和一个＆＃39; x＆＃39; image（Close.gif）我不知道如何在＆＃39; x＆＃39;时删除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>

我只知道如何在＆＃39; x＆＃39;单击标记。

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

Answer 1

我假设当您单击列表项本身时，onClickCard函数用于删除列表项，并且您要在此处理的函数为onClickClose

之后，要解决您的问题，您可以使用 .parent() 或 .closest() 删除点击图片的父li：

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

Answer 2

首先，如果您想在单击图像时触发该功能，则您的功能名称错误。

将您的功能更改为此...

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

Answer 3

您可以尝试使用closest()

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

Answer 4

试试这个：

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

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

4 个答案: