У меня есть все изображения, перечисленные в этом формате, при нажатии кнопки 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
в его параметре отображения.
ive попробовал код ниже, но это только печатает первое изображение src "somepic1.png", хотя текущее выбранное изображение является вторым <img>
.
$(function() {
$(document).on('click','.submit', function () {
var img = $('img').prop('src');
alert(img);
});
});
попробуй это:
:visible
означает видимый элемент на DOM.
$(document).ready(function(){
$(document).on('click','.submit', function () {
var img = $(".images").find("img:visible").prop("src");
alert(img);
});
});