如何使用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而必须使用带有选择器的属性结尾，$或包含garbage.jpg使用*表示属性包含选择器

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

如果您确定src的结尾是垃圾文件。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();