如何從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");​ 

應該這樣做。