How to get data-src attribute with jquery?

css, html, javascript, jquery, jquery-lazyload

Solution

 $(this).attr("data-src") 

You can check this link for more info How to get the data-id attribute?

Problem

Actually I want to do when I hover off the first image must be appear again I want to share my structure with you ``` <div class="tur-list-box"> <div class="tur-list-content"> <figure> <img data-src="img/assets/tourlist-2.jpg" class="lazy" src="img/assets/placeholder.png" alt="tur sayfası"> <a href="#" class="figure-overlay"> <p class="tour-price"> <span class="price-big">73,</span> <span class="price-little">40</span> <span class="price-unit">TL*</span> <span class="price-block">‘den itibaren</span> </p> </a> </figure><!-- tur resim--> <div class="tur-details"> <h3><a href="#">Hafta Sonu Turları</a></h3> <p>15 farklı program</p> <i class=" open-tur-toggle fa fa-chevron-down" aria-hidden="true"></i> </div><!-- tur detay--> </div><!-- tur list content--> <div class="tur-list-toggle"> <ul class="list-unstyled"> <li><a href="#" data-img="http://cdn.anitur.com.tr/resimler/orta/2016-02/otel_buyuk-abant-oteli_vPYKBnet58y0itPrkpce.jpg">Kakava ( Hıdırellez ) Şenlikleri Alaçatı <i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> <li><a href="#" data-img="http://cdn.anitur.com.tr/resimler/orta/2016-10/otel_abant-palace-hotel_FTfyg8HYVB9lNeOUMA76.jpg">Ot Festivali Urla Enginar Festivali Turu <i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> <li><a href="#" data-img="http://cdn.anitur.com.tr/resimler/normal/2016-01/tur_adana-portakal-cicegi-karnavali_3eO46CjOg4k34ooQM2mA.jpg">Adana Portakal Çiçeği Karnavalı Isparta <i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> <li><a href="#" data-img="http://cdn.anitur.com.tr/resimler/normal/2016-01/tur_isparta-goller-yoresi-gul-hasadi-turu_Ue7lCTZhtuNk6DHTOy5C.jpg">Gül Hasadı Ve Göller Yöresi Turları <i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> <li><a href="#" data-img="http://cdn.anitur.com.tr/resimler/normal/2016-03/tur_manisa-mesir-macunu-senligi-turu_ElEY2IdzFOfHLe6do7ja.jpg">Manisa Mesir Macunu Şenliği Turu <i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> <li><a href="#" data-img="http://cdn.anitur.com.tr/resimler/normal/2016-01/tur_isparta-goller-yoresi-gul-hasadi-turu_KN8aDpGyF4O6gKABF5d4.jpg">Uçaklı Festival Turları <i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> </ul> </div><!-- acilir kapanir alan--> </div><!-- tur list box--> <script> $(".tur-list-box").hover( function(){ $(this).find(".tur-list-toggle").stop().slideDown(); $(this).find(".open-tur-toggle").stop().removeClass("fa-chevron-down").addClass("fa-chevron-up"); }, function(){ var getDefaultImg = $(this).find("figure img").data(".lazy"); console.log(getDefaultImg); $(this).find(".tur-list-toggle").stop().slideUp(); $(this).find(".open-tur-toggle").stop().removeClass("fa-chevron-up").addClass("fa-chevron-down"); } ); $('.tur-list-toggle ul li a').hover( function(e) { e.preventDefault(); var getAttr = $(this).attr("data-img"); $(this).parents(".tur-list-box").find("figure img").attr("src",getAttr); }, function(e) { } ); </script> ``` and I want to share with you demo link to see how to work by the way if you can't see `data-src` on inspect element try to check out on source code (ctrl+U for chrome)

Original source

Related problems