Получить src-значение img, ссылаясь на параметр CSS в jQuery

0

У меня есть все изображения, перечисленные в этом формате, при нажатии кнопки 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);
});
});

1 ответ

0
Лучший ответ

попробуй это:

:visible означает видимый элемент на DOM.

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

Вот скрипка.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню