jQuery從子div獲取圖像

Question

jQuery的新手，請溫和。

我有這樣的結構：

<div id="stacks_in_53_page0" class="stellar_slider" style="display:  none;"> 
<div class="centered_image"> 
<img class="imageStyle" src="files/stacks-image-EA60B7F.png" alt="Stacks Image 56"> 
</div></div> 

<div id="stacks_in_53_page0" class="stellar_slider" style="display: none;"> 
<div class="centered_image"> 
<img class="imageStyle" src="files/stacks-image-49A33E9.png" alt="Stacks Image 57"> 
</div></div> 

我能夠檢索類的stellar_slider「易不夠好，但我真正想獲得的所有實例都在其中所包含的圖像源。

有沒有一種簡單的方法從'stellar_slider'ID開始獲取圖像源數組？我會使用img類的imageStyle本身，但它不是唯一的這種結構 - 它可以用在頁面上其他地方的圖像上。

任何幫助非常感謝。謝謝。

Answer 1

您可以使用each和閱讀stellar_slider

var arrayReturn=new Array(); 
$(".stellar_slider img").each(function(){ 
    arrayReturn.push($(this).attr("src")); 
}); 

Answer 2

的所有IMG的孩子可以用

$('.stellar_slider img') 

選擇專區內的所有圖片請注意，您使用點.如果你正在尋找如果你正在尋找一個id的課程和標籤#。

要獲得來源，可以通過上面的集合映射：

var sources = $('.stellar_slider img').map(function(){ 
    console.log($(this).attr('src')); // show the sources in the console 
    return $(this).attr('src'); 
}); 
console.log(sources); 

現在你把所有的圖片源的陣列sources英寸

---

根據您的使用情況，您可能會感興趣的一個純JavaScript的解決方案，我寧願因爲我覺得它更清晰：

var sources = [].slice.call(document.querySelectorAll('.stellar_slider img')).map(function(val){ 
    return val.getAttribute('src'); 
}); 
console.log(sources);