通過引用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> 

現在我想獲得一個包含inline在顯示參數值當前所選圖像的src值。

雖然當前選擇的圖像是第二個<img>，但我試過下面的代碼，但是這隻會打印第一個圖像src「somepic1.png」。

$(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); 
    }); 
}); 

Here is the fiddle.