Как удалить один элемент изображения внутри div с помощью jquery

Question

У меня есть элемент div с id="akbarslide". Есть четыре изображения внутри.

<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(); 

Если вы уверены, что СРК 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();