如何从 div 中获取 img src 并在 jquery 中进行比较答案

【问题标题】：How to get piece of img src from div and compare in jquery如何从 div 中获取 img src 并在 jquery 中进行比较
【发布时间】：2012-03-22 12:25:38
【问题描述】：

好的，我知道标题有点混乱，但这是我的问题：找到所有包含 image5.jpg 的图像并为其添加边框。但我想不通。这是我的代码，下面是 jsfiddle。

HTML：

<div class="picture"><img src="image.php/Marina/image5.jpg?width=650&height=650&image=/Marina/image5.jpg" /></div>
<div class="picture"><img src="image.php/Marina/image6.jpg?width=650&height=650&image=/Marina/image6.jpg" /></div>
<div class="picture"><img src="image.php/Marina/image7.jpg?width=650&height=650&image=/Marina/image7.jpg" /></div>

查询：

$(".picture img:contains('image5.jpg')").css("border", "1px solid black");

任何帮助将不胜感激！非常感谢。 http://jsfiddle.net/7XUvw/11/

【问题讨论】：

标签： jquery find contains

【解决方案1】：

试试这个

$(".picture img[src*='image5.jpg']").css("border", "1px solid black");

见http://api.jquery.com/attribute-contains-selector/

【讨论】：

【解决方案2】：

$('img[src*="image5.jpg"]', '.picture').css("border", "1px solid blue");

FIDDLE

【讨论】：

【解决方案3】：

利用jQuery Attribute Selectors:

$('.picture img[src*="image5.jpg"]').css("border", "1px solid black");

【讨论】：

【解决方案4】：

参考http://api.jquery.com/attribute-contains-selector/

$(".picture img[src*='image5.jpg']").css("border", "1px solid black");

应该这样做。

【讨论】：