如何使用jQuery删除与父级相似的类似HTML标签？

Question

这是我的HTML代码：

<div class="img-area text-center frustrated">
<img class="delete" style="height: 12px; float:right; padding-right:5px; cursor: pointer;" src="/linkmo/images/closeicon.png" offset="2">
<a class="loc" href="#">
<img id="imagelocation2" class="imagelocation" style="height:110px; width:105px;" alt="" src="/linkmo/upload/224927120.jpg" offset="2">
</a>
</div>

当用户单击具有类delete图像时，我将使用ajax更改ID为imagelocation2 img标签中的src属性。

我想要的是，当更改图像src时，应delete具有delete类的img标签。

我在ajax成功功能中尝试过的工作：

 $('#imagelocation' + id).attr('src', '/linkmo/images/placeholder.png');//Changes the src of img tag, works fine
 $('.delete img[offest='+id+'').remove();//Does not work
 $('#imagelocation' + id).parent().closest(".delete").remove();//Does not work

我在这里做错了什么？

Answer 1

喜欢这样find而不是closest

$('#imagelocation' + id).parent().find(".delete").remove();

因为closest搜索父元素。 在find搜索子元素。

Answer 2

您可以使用.siblings()的目标与一流的图像.delete ：

$('#imagelocation' + id).siblings('.delete').remove();

Answer 3

您的JavaScript类型。

$('.delete img[offest='+id+'').remove();

应该

$('.delete img[offset='+id+']').remove();

最差->偏移