如何基于图像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])')