根据屏幕分辨率使用jquery更改网页上图像的src

我正在开发一个插件，用户在其中输入笔记本电脑或手机的图像，然后根据该图像src发生变化。 现在我已经做到了 添加了一个简单的图像元素

<img src="#" data-tablet="img/xl.jpg" data-laptop="img/xllaptop.jpg" >
<img  src="#" data-tablet="img/x2.jpg" data-laptop="img/x2laptop.jpg" >

现在我已经使用javascript完成了这项工作

    var  currentWindowSize = $window.width();
    if (currentWindowSize <640) 
{
        $(img).attr("src","source should come from the data-attribute");
    }
    if (currentWindowSize >640) 
{
        $(img).attr("src","source should come from the data-attribute");
    }

var currentWindowsSize=$window.width（）；
如果（当前窗口大小640）
{
$（img）.attr（“src”，“源应来自数据属性”）；
}

现在的问题是它会改变所有图像的属性。 我如何才能使具有相同数据属性的图像发生更改， 我需要在不提供任何Id或类别的情况下完成此操作。 谢谢 源应来自数据属性，如带有平板电脑路径的数据平板电脑等。 （我可以使用类似于此关键字的内容）。 谢谢。

试试这个：

var  currentWindowSize = $(window).width();

if (currentWindowSize <= 640) {
    $('img').each(
        function(){
            $(this).attr("src", $(this).attr("data-tablet"));

     });

} else if (currentWindowSize > 640) {
   $('img').each(
    function(){
        $(this).attr("src", $(this).attr("data-desktop"));

    });
};

var currentWindowsSize=$（window）.width（）；
如果（当前窗口大小640）{
$（'img'）。每个(
函数（）{
$（this.attr（“src”），$（this.attr（“数据桌面”）；
});
};