Как найти индекс изображения с помощью атрибута SRC

Question

<div id="store04"> 
<img src="g04/01.jpg" alt="img"> 
<img src="g04/02.jpg" alt="img"> 
</div> 

JS

$(".btnsI > img").click(function(){ 
var x = "g04/01.jpg"; 
var index = $("#store04").find(x).index(); 
alert (index); // -1 
}); 

мне нужен ноль, как результат, потому что g04/01.jpg принадлежит к изображению с нулевым индексом.

Answer 1

$(".btnsI > img").click(function(){ 
    var x = "g04/01.jpg"; 
    var index = $('#store04 [src="'+ x +'"]').index(); 
    alert (index); // -1 
}); 

Примечание I использует одиночные кавычки, чтобы позволить двойников на экспрессию [=] (в случае, если имя файла содержит специальные символы, которые включает в себя период .) ,

Answer 2

Вы должны использовать attribute equals selector для этого:

$("#store04").find('img[src="' + x + '"]').index();