1

ページで変更が発生した後、そのうちの 1 つが class="selected" を取得する画像のリストがあります。

<div id="selectable"> 
    <li>
        <img src="\images\1.jpg" />
    </li>
    <li class="selected">
        <img src="\images\2.jpg" />  
    </li>
    <li>
        <img src="\images\3.jpg" />  
    </li>
</div>

画像の src 属性の値をキャプチャできるようにしたいので、後で使用できます...次のようなことを考えています。

$("#selectable").change(function() {
    var src = $('li[class="selected"]').attr('src');
    alert("source of image with alternate text = example - " + src);
}

しかし、子要素 (img)の src 属性の値を取得するために必要です。

4

6 に答える 6

2 
 $("li.selected").find("img").attr("src");
于 2013-08-26T05:42:39.187 に答える
1

画像の src 属性の値をキャプチャできるようにしたいので、後で使用できます...

var src = ''; // DEFINE VARIABLE OUTSIDE

$('#selectable li').click(function(){  // USE CLICK EVENT
   src = $('img', this).attr('src');
   // alert( src )
});

目的の画像を直接ターゲットにするには、次を使用します。

// some event
    $('#selectable li.selected img').attr('src');
//
于 2013-08-26T05:43:21.947 に答える
1

以下のコードを使用してこれを行うことができます。

var src = $('li.selected img').attr('src');
-------------^^^^^^^^^^^^^^^--------
于 2013-08-26T05:43:54.583 に答える
1 
var imgsrc="";

    $("#selectable li").click(function() {

        var imgsrc= $('li.selected img').attr('src');

        alert( imgsrc);
    }
于 2013-08-26T05:52:08.033 に答える
0

変化する

var src = $('li[class="selected"]').attr('src');

に

var src = $('li[class="selected"]').find('img').attr('src');

jQuery検索の詳細

于 2013-08-26T05:43:35.793 に答える
-1

次のようなことをする必要があります：

var src=$('#selectable > li.selected > img').attr('src');
alert("source of image with alternate text = example - " + src);

例

HTML:

<div id="selectable"> 
    <li>
        <img src="\images\1.jpg" />
    </li>
    <li class="selected">
        <img src="\images\2.jpg" />  
    </li>
    <li>
        <img src="\images\3.jpg" />  
    </li>
</div>

Javascript:

$('#selectable li').click(function(){
    $(this).addClass('selected');
    var src = $(this).children('img').attr('src');
    alert("source of image with alternate text = example - " + src);
});

詳細については、 Jquery セレクターの手法を参照してください: http://api.jquery.com/category/selectors/

于 2013-08-26T05:42:17.570 に答える