Question

我只是想知道，当点击旁边的删除图标时，是否可以删除<li> <img>和<a href>（一次三个）？

如果是这样，我应该使用什么事件？我知道我应该使用click事件，但不知道如何实现它。

Answer 1

jQuery .remove()正是您要找的。如果要将删除按钮实现为<li>元素的一部分，可以这样做：

HTML

<div>
    <ol>
        <li><a href="http://google.com"><img src="http://placehold.it/350x150"/></a> <a class="delete" href="#" onclick="delete()">X</a></li> 
        <li>test</li>
    </ol>
</div>

JS

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

在jQuery中，$(this)将返回当前元素（在本例中，是单击的“删除”按钮），.parent()将在DOM树中上升一级。因此，$(this).parent().remove()将删除包含删除链接的<li>。

小提琴：here

使用jQuery删除单击元素

1 个答案: