Question

我尝试从每个data-src获取img值，然后取出该值并将其作为img附加到src=""，这样我的最终结果就像这个：<img data-src="image1.jpg" src="image1.jpg">我正在将data-src写入img而不是src这里是一个jsfiddle和html和JS

小提琴：http://jsfiddle.net/4s9m7nhq/

HTML：

<div class="slide-image">
    <a href=""><img data-src="image1.jpg"/></a>
</div>
<div class="slide-image">
    <a href=""><img data-src="image2.jpg"/></a>
</div>
<div class="slide-image">
    <a href=""><img data-src="image3.jpg"/></a>
</div>

Answer 1

$(document).ready(function () {
    $(".slide-image a img").each(function () {
        this.src = this.dataset.src;
    });
});

工作Fiddle

Answer 2

使用元素的HTML5 dataset属性获取data-src属性

 $(".slide-image a img").each(function () {
     this.src = this.dataset.src;
 });

<强> JSFiddle

Answer 3

您可以使用：

 $('.slide-image img').each(function(){
   $(this).attr('src',$(this).attr('data-src'));
});

从每个div的data-src获取数据并在div上使用该数据

3 个答案:

Working Demo