获取同一类元素中的图像属性

get image attribute inside element of same class

本文关键字：元素 图像 属性 一类 获取      更新时间：2023-09-26

我有以下结构，我想获得所有图像的数组src属性

<div id="selectable"> 
    <li class="x">
        <img src="'images'1.jpg" />
    </li>
    <li class="x">
        <img src="'images'2.jpg" />  
    </li>
    <li class="x">
        <img src="'images'3.jpg" />  
    </li>
</div>

你可以这样做:

var sources = $("#selectable li img").map(function() {
    return this.src;
}).get();

在普通JS中，像这样的东西应该工作:

var images = document.querySelectorAll("#selectable img");
var img_array = [];
for(var i in images) {
    img_array.push(images[i].src);
}
console.log(img_array);

使用jquery的一种方法:

$('#selectable').children('li').each(
function(index){
imgSrc[index]=$(this).children('img').attr('src');
}
);

Also:

var img_array = [];
$.each($("#selectable").find('li > img'),function(index,image){

    img_array.push($(image).attr("src"));
});

var srcarray=[];
$( "#selectable .x img" ).each(function( index ) {
  srcarray[index]=$(this).attr('src');
});
alert(srcarray);
相关文章：