获取父标记内图像的src属性

Question

我有一个图像列表，其中一个在页面发生更改后得到一个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属性的值。

Answer 1

 $("li.selected").find("img").attr("src");

Answer 2

我希望能够捕获图像的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');
//

Answer 3

您可以使用以下代码执行此操作。

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

Answer 4

var imgsrc="";

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

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

        alert( imgsrc);
    }

Answer 5

更改

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

至

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

更多关于jQuery的发现

Answer 6

你需要做这样的事情：

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/