0

NEXTjquery経由でボタンをクリックすると、画像がループされます。現在選択されている画像のパラメータに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

以下のコードを試してみましたが、現在選択されている画像が2番目の画像であるにもかかわらず、これは最初の画像src "somepic1.png"のみを印刷し<img>ます。

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

1 に答える 1

0

これを試して：

:visibleDOM 上の可視要素を意味します。

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

これがフィドルです。

于 2013-10-20T09:37:00.203 に答える