javascript - 通过引用jQuery中的一个CSS参数获取img的src值

Question

我的图像都以这种格式列出，NEXT通过 jquery 单击按钮后，它将循环显示图像。inline将值附加到display:当前选定图像的参数。图像的其余部分将显示none。

<div class="images" style="display: block;">
<img src="http://somepic1.png" width="20" id="1" style="display: none;">
<img src="http://somepic2.png" width="20" id="2" style="display: inline;">
<img src="http://somepic3.png" width="20" id="3" style="display: none;">
</div>

现在我想获取src当前选定图像的值，其中包含inline其显示参数中的值。

我试过下面的代码，但这只会打印第一个图像src“somepic1.png”，即使当前选择的图像是第二个<img>。

$(function() {
    $(document).on('click','.submit', function () {
    var img = $('img').prop('src');
    alert(img);
});
});

Answer 1

试试这个：

:visible表示 DOM 上的可见元素。

$(document).ready(function(){
    $(document).on('click','.submit', function () {
       var img = $(".images").find("img:visible").prop("src");
       alert(img);
    });
});

这是小提琴。