jQuery获得多个属性值

Question

我有以下HTML代码

<img src="" data-src="https://example.com/image1.jpg" class="img">
<img src="" data-src="https://example.com/image2.jpg" class="img">
<img src="" data-src="https://example.com/image3.jpg" class="img">
<img src="" data-src="https://example.com/image4.jpg" class="img">
<img src="" data-src="https://example.com/image5.jpg" class="img">
<img src="" data-src="https://example.com/image6.jpg" class="img">
<img src="" data-src="https://example.com/image7.jpg" class="img">

使用JQuery我想获取data-src值并将其放在src上

这样的东西

$("*.img").attr("src", $(this).attr("data-src"));

感谢您的帮助！

Answer 1

您可以使用.each实现这一目标。

  $("img").each((i, e) => {
    $(e).attr("src", $(e).attr("data-src"))
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="" data-src="https://example.com/image1.jpg" class="img">
<img src="" data-src="https://example.com/image2.jpg" class="img">
<img src="" data-src="https://example.com/image3.jpg" class="img">
<img src="" data-src="https://example.com/image4.jpg" class="img">
<img src="" data-src="https://example.com/image5.jpg" class="img">
<img src="" data-src="https://example.com/image6.jpg" class="img">
<img src="" data-src="https://example.com/image7.jpg" class="img">