JavaScript获取回调无法循环工作

如何解决JavaScript获取回调无法循环工作

下面是我的脚本，用于通过javascript获取优化的图像。

<img data-src='a.jpg'>
<img data-src='b.jpg'>
<img data-src='n.jpg'>


<script>
    $('img').each(function(){
        var datasrc = $(this).data('src');
        $.get('api.PHP',{"dataa":datasrc},function(result){
            $(this).attr('src',result));
        })
    });
</script>

无论如何，'result'返回优化的图像，但是$(this) src不会更新。 src显示unkNown

这是怎么了？可能是$(this)在$.get callback函数中不起作用吗？

请帮助我

解决方法

我认为确实第二个$（this）是指调用的this，而不是图像。 您可以尝试：

$('img').each(function(){
    const image   = $(this),datasrc = image.data('src');

    $.get('api.php',{"data":datasrc},function(result) {
        image.attr('src',result));
    });
});