如何使用jquery删除div中的一个图像元素

Question

我有id="akbarslide"的元素div。里面有四张图片。

<img src="image_suspetio/garbage.jpg" alt="garbage.jpg" width="270" height="250" />
<img src="image_suspetio/dog.jpg" alt="dog.jpg" width="270" height="250" />
<img src="image_suspetio/bar.jpg" alt="bar.jpg" width="270" height="250" />
<img src="image_suspetio/sky.jpg" alt="sky.jpg" width="270" height="250" />

我尝试了下面的代码，但图片未被删除。

$('img[src="garbage.jpg"]').remove();

Answer 1

您不能使用完全匹配，因为src不是garbage.jpg，但必须使用Attribute Ends With Selector, $或包含garbage.jpg *使用Attribute contains selector

$('img[src*="garbage.jpg"]').remove();

如果你确定src endwith garbage.jpg，你可以使用$

$('img[src$="garbage.jpg"]').remove();

Answer 2

你可以这样做：

$("img[src$='garbage.jpg']").remove();

生活演示：http://jsfiddle.net/D9Hxk/

Answer 3

尝试：

$('img[src$="garbage.jpg"]').remove();

它会找到src以garbage.jpg

结尾的图片

Answer 4

 $("#akbarslide img[src*='image_suspetio/garbage.jpg']").remove();