如何使用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();

最差->偏移