如何根據圖像src容器來定位div？

Question

我對jQuery相當陌生，我想知道是否可以根據包含的圖像源選擇div？並刪除整個div，如果它發現一個實例？

因此，在這個例子中我將如何通過所有div的外觀與一類縮略圖的圖像

SRC =「http://demo.com/wp-content/themes/TheStyle/timthumb.php ？SRC = & H = 180 & W = 222 & ZC = 1個& q = 90"

和刪除這些div？

<div class="thumbnail"> 
    <a href="http://www.demo.com"> 
     <img src="http://demo.com/wp-content/themes/TheStyle/timthumb.php?src=&amp;h=180&amp;w=222&amp;zc=1&amp;q=90"> 
    </a> 
    <div class="date"> 
     January 1st 
    </div> 
</div> 

Answer 1

使用:contains選擇器。

$('div.thumbnail:contains(img[src="http://example.com/foo/bar"])').remove(); 

或選擇<img>和使用.closest()：

$('img[src="http://example.com/foo/bar"]').closest('div.thumbnail').remove(); 

---

瞭解通過jQuery API docs挖。他們會回答99％的問題。

Answer 2

使用:contains()選擇，就像這樣：

$('div:contains(img[src=http://demo.com/wp-content/themes/TheStyle/timthumb.php?src=&h=180&w=222&zc=1&q=90])')