Javascript 从每个div的datasrc获取数据，并在div上使用该数据

我试图从每个

img

中获取

data src

值，然后获取该值并将其作为

src=“”附加到
img

所以我的最终结果是这样的：

我正在将

数据src

写入

img

而不是

src

这是一个JSFIDLE和html以及JS

小提琴：

HTML:

您可以使用：

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

您可以使用：

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

您可以使用：

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

您可以使用：

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

工作

工作

工作

---

工作

使用元素的HTML5

数据集

属性获取您的

数据src

属性

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

---

使用元素的HTML5

数据集

属性来获取您的

数据src

属性

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

---

使用元素的HTML5

数据集

属性来获取您的

数据src

属性

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

---

使用元素的HTML5

数据集

属性来获取您的

数据src

属性

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

---

---

你为什么给一个div一个src attr？你想实现什么？对不起，我的意思是从img标签中获取数据src，然后添加一个src=数据src，并将其放在img标签而不是div中。你为什么给div一个src attr？你想实现什么？对不起，我的意思是从img标记中获取数据src，然后添加一个src=数据src，并将其放在img标记中，而不是div中。为什么您要给div一个src attr？您想实现什么？对不起，我的意思是从img标记中获取数据src，然后添加一个src=数据src，并将其放在img标记中，而不是div中。为什么您要给div一个src attr？您想实现什么？对不起，我的意思是从img标记中获取数据src，然后添加一个src=数据src，并将其放在img标记中，而不是我建议使用

this.dataset.src

而不是

$（this.attr）（“数据src”）

@howderek为什么不

$（this.attr（“data src”）直接？然后必须从jQuery对象调用jQuery和另一个函数
this.dataset.src
使用jQuery返回的现有数据。我不是说您的解决方案不起作用，它起作用了，它只是添加了超出必要的步骤。以下是jsperf证明，如果您需要它，它的效率会更低：我建议使用
this.dataset.src
而不是
$（this.attr）（“data src”）
@howderek为什么不
$（this.attr（“data src”）直接？然后必须从jQuery对象调用jQuery和另一个函数
this.dataset.src
使用jQuery返回的现有数据。我不是说您的解决方案不起作用，它起作用了，它只是添加了超出必要的步骤。以下是jsperf证明，如果您需要它，它的效率会更低：我建议使用
this.dataset.src
而不是
$（this.attr）（“data src”）
@howderek为什么不
$（this.attr（“data src”）直接？然后必须从jQuery对象调用jQuery和另一个函数
this.dataset.src
使用jQuery返回的现有数据。我不是说您的解决方案不起作用，它起作用了，它只是添加了超出必要的步骤。以下是jsperf证明，如果您需要它，它的效率会更低：我建议使用
this.dataset.src
而不是
$（this.attr）（“data src”）
@howderek为什么不
$（this.attr（“data src”）直接？然后必须从jQuery对象调用jQuery和另一个函数
this.dataset.src
使用jQuery返回的现有数据我并不是说您的解决方案不起作用，它起作用了，它只是添加了超出必要的步骤。以下是jsperf证明，如果您需要它，它的效率会更低：