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 回答