如何使用jquery刪除div內的圖像elemnt

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

你可以做到智慧h此：

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