使用jQuery在单击时删除元素

我只是想知道，当点击旁边的删除图标时，是否可以删除

和
（一次删除三个）

如果是，我应该使用什么事件？我知道我应该使用click event，但不确定如何实现它。
正是您想要的。如果要将删除按钮作为
元素的一部分实现，可以这样做：

HTML

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

Fiddle:
是的，但我在旁边有一个删除图标。当我点击del图标时，它应该会删除整个部分（
、和它本身），它正在工作，但是当我刷新页面时，它会再次出现！这就是为什么我要求永久删除？这是不可能的，除非您从服务器加载此数据，并实现API调用来处理删除操作或类似操作。那么，我们需要你的情况的更多细节。为什么这是离题的？
<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>

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