jqueryでデータ変数を取得および設定する方法は？

Question

私のイメージではありdata-web-src、data-tablet-srcと私のimgタグではなく、ウェブ上のsrcへdata-web-srcの.lazyloadその後、設定された値の.lazy_resクラスを持っていますが、画面（またはデバイス）がdata-tablet-src値のsrcに設定よりもタブレットがある場合、私はこれをしたい場合はdata-mobil-src私のWebページ上のすべての画像について、私はあなたが私のコードは、あなたがそれらのすべてをループする必要が

$(document).ready(function() { 
 

 
    function noLazyImages(e) { 
 
    var getWebSrc = $(e).attr("data-web-src"); 
 
    var getTabletSrc = $(e).attr("data-tablet-src"); 
 
    var getMobilSrc = $(e).attr("data-mobil-src"); 
 
    if ($(".box img").hasClass("lazy_res")) { 
 

 
     if ($(window).width() > 960) { 
 
     $(e).attr("src", getWebSrc); 
 
     } else if ($(window).width() < 768) { 
 
     $(e).attr("src", getTabletSrc); 
 
     }else if ($(window).width() < 480) { 
 
     $(e).attr("src", getMobilSrc); 
 
     } 
 

 
    } else { 
 
     // do nothing.. 
 
    } 
 

 
    } 
 

 
    noLazyImages(".box img"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="box"> 
 

 
<img class="lazy_res" data-web-src="http://image.prntscr.com/image/bdf1d94b64104ef2acd2ceee19882cd1.jpg" data-mobil-src="http://image.prntscr.com/image/caa51ab4900448589201207e57b2630f.jpg" data-tablet-src="http://image.prntscr.com/image/4b2862a292b543139daa7805a58c17fd.jpg"/> 
 
    
 
    
 
    
 
</div>

Answer 1

あり、ここで解決策を見つけることができません特定の値

これは、HTTPを助けるかもしれないattr(function)

function noLazyImages(e) { 
    $(e + '.lazy_res').attr('src', function(_, oldSrc) { 
    var elData = $(this).data(), 
     winWidth = $(window).width(); 
    if (winWidth > 960) { 
     return elData['webSrc'] 
    } else if (winWidth < 768 && winWidth >=480) { 
     return elData['tabletSrc'] 
    } else if (winWidth < 480) { 
     return elData['mobilSrc'] 
    } 
    }) 
} 

DEMO