Javascript jQuery从子div获取图像

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”类的所有实例，但我真正想得到的是其中包含的图像源

有没有一种简单的方法可以从“恒星滑块”ID开始获取一系列图像源？我会使用imageStyle本身的img类，但它不是这个结构所独有的——它可以用于页面上其他位置的图像

---

非常感谢您的帮助。谢谢。

您可以使用每个

并读取stellar\u滑块的所有img子项

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

您可以使用
每个
并读取stellar_滑块的所有img子项

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

您可以使用选择一个div中的所有图像

$('.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);

您可以使用选择一个div中的所有图像

$('.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);

精彩的非常感谢你。很好，太好了。非常感谢你。非常好，非常好。效果很好。真的很有用。非常感谢。棒 极 了效果很好。真的很有用。非常感谢。