如何从div中获取img src片段并在jquery中比较

Question

好吧我知道标题有点混乱，但这是我的问题：找到包含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> 

JQUERY：

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

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

Answer 1

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

FIDDLE

Answer 2

试试这个

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

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

Answer 3

利用jQuery Attribute Selectors：

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

Answer 4

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

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

应该这样做。