jQuery에서 CSS 매개 변수를 참조하여 img의 src 값 가져 오기

Question

내 이미지가 모두이 형식으로 나열되어 있습니다. jquery를 통해 NEXT 버튼을 클릭하면 이미지가 반복됩니다. 현재 선택한 이미지의 display: 매개 변수에 inline 값을 추가합니다. 나머지 이미지는 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 가치를 얻을 싶어요.

ive는 코드 아래에서 시도했지만 현재 선택된 이미지가 두 번째 <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.