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