獲得一個父標籤內的圖像的src屬性

Question

我有圖片，其中之一得到一類=「選擇」頁面上發生變化後的列表：

<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); 
} 

但我需要它獲得的src屬性的值孩子元素（img）。

Answer 1

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

Answer 2

你需要做這樣的事情：

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/

Answer 3

我希望能夠捕捉到圖像的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 4

變化

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

到

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

更多關於jQuery的find

Answer 5

您可以使用下面的代碼做到這一點。

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

Answer 6

var imgsrc=""; 

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

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

     alert(imgsrc); 
    }