如何使用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

您需要使用attribute equals selector：

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

Answer 2

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

注意我使用单引号来允许[=]表达式的双精度数（如果文件名包含特殊字符，包括句点.）。