Question

我正在使用此代码将src元素的img属性更改为data-src，但我当前的解决方案不起作用。我不知道我做错了什么。

任何帮助都将不胜感激。

<script>    
  $("img").each(function() {
    $(this).attr("data-src",$(this).attr("src"));
    $(this).removeAttr("src");
  }); 
</script>

<img src="test.jpg" width="300" height="200">

我想要这个输出：

<img data-src="test.jpg" width="300" height="200">

Answer 1

在HTML中添加图像后需要执行JS代码，如下所示：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="test.jpg" width="300" height="200">
<script>

$("img").each(function() {
  var $this = $(this);
  var src = $this.attr("src");
  $this.attr( "data-src", src );
  $this.removeAttr("src");
}); 

</script>

＆＃13;

Answer 2

尝试以下代码：

＆＃13;

...
FROM DEPENDENTS D 
LEFT JOIN EMPLOYEES E ON E.EMP_ID = D.PARENT_EMP_ID

＆＃13;

$("img").each(function() {
    
        $(this).attr("data-src",$(this).attr("src"));
        $(this).removeAttr("src");
        console.log($(this)[0].outerHTML);
    });

＆＃13;

如何在javascript中将img src属性更改为data-src？

2 个答案: