Как получить кусок img src из div и сравнить в 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

Попробуйте это

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

См. http://api.jquery.com/attribute-contains-selector/

Answer 2

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

FIDDLE

Answer 3

См. http://api.jquery.com/attribute-contains-selector/

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

должен это сделать.

Answer 4

Использование Селекторов атрибутов jQuery :

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