Jquery 获取更多元素属性costum

代码：

CSS:

#画廊{宽度：100px；高度：100px；背景尺寸：封面；}

jquery：

<style type="text/css">
#gallery { width:100px; height:100px; background-size:cover; }
</style>

var el=$（“#画廊”）；
var img=el.attr（“数据图像”）；
对于（i=0；i元素的第一个ID必须唯一，请使用类

var el = $("#gallery");
var img = el.attr("data-image");

for(i=0; i<=el.length; i++) {
    el.css({ "backgroundImage": "url("+img+")" });
}

然后

演示：
ID应该是唯一的…即使
el
包含多个元素，请注意
.attr
：“获取匹配元素集中第一个元素的属性值[…]”（）阅读文档确实有帮助，您应该试一试！好的，谢谢@felix。。。
var el = $("#gallery");
var img = el.attr("data-image");

for(i=0; i<=el.length; i++) {
    el.css({ "backgroundImage": "url("+img+")" });
}

<div class="gallery" data-image="img_folder/g1.jpg"></div>
<div class="gallery" data-image="img_folder/g2.jpg"></div>
<div class="gallery" data-image="img_folder/g3.jpg"></div>
<div class="gallery" data-image="img_folder/g4.jpg"></div>
<div class="gallery" data-image="img_folder/g5.jpg"></div>

.gallery { width:100px; height:100px; background-size:cover; }

$('.gallery').css('backgroundImage', function(){
    return 'url(' + $(this).data('image') + ')';
})