我需要使用jQuery

這是我的代碼從HTML得到ID：我需要使用jQuery

$('.image1').click(function(){ 
    $('.loader').show(); 
    function preloadImages(images, callback) { 
     var count = images.length; 
     var loaded = 0; 
     $(images).each(function() { 
      $('<img>').attr('src', this).load(function() { 
       loaded++; 
       if (loaded === count) { 
        callback(); 
       } 
      }); 
     }); 
    }; 

    preloadImages(["../images/Wedding_p/large/1.jpg",          
      "../images/Wedding_p/large/2.jpg", 
      "../images/Wedding_p/large/3.jpg", 
      "../images/Wedding_p/large/4.jpg", 
      "../images/Wedding_p/large/5.jpg"], function() { 
       alert("DONE"); 
       // In here I need to get id of '.image1' image. 
      }

這是HTML：

<div> 
    <img src = '1.jpg' data-id='1' class = 'image1'> 
    <img src = '2.jpg' data-id='2' class = 'image1'> 
    <img src = '3.jpg' data-id='3' class = 'image1'> 
</div>

當我點擊圖片，我需要點擊圖像的數據ID ;我怎樣才能使用我的jQuery代碼。

來源

2016-05-16 C.Roshan

使用$（這）.attr （ '數據-ID'）; –

我嘗試，但警報說undefined .. PLZ給我另一種選擇。 –

商店$（這）給一個變量 $（」圖像1' ）點擊（函數（）{ VAR _this = $（本）; 然後警報（「DONE」）; 警報（_this .attr（'data-id'））; –

試試這個：

$(document).on('click', '.image1', function() { 
    alert($(this).data("id")); 
});

來源

2016-05-16 09:05:59

是的，我嘗試了但它不工作... –

嘗試alert（$（this）.attr（「數據ID「））; –

謝謝你回答我的問題.. PLZ給我另一種選擇。 –

$(document).ready(function() { 
 
    
 
    $("img").click(function() { 
 
     alert($(this).attr('data-id')); 
 
}); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<div> 
 
    <img src = '1.jpg' data-id='1' class = 'image1'> 
 
     <img src = '2.jpg' data-id='2' class = 'image1'> 
 
     <img src = '3.jpg' data-id='3' class = 'image1'> 
 

 
</div>

來源

2016-05-16 09:09:11

您可以使用下面的代碼來獲取數據-id屬性的值

$(this).attr('data-id');

來源

2016-05-16 09:18:11

沒有兄弟在我的代碼它不工作...是我的代碼正確嗎？ thx爲回答它.. –

jQuery已經有一個函數來訪問數據屬性https://api.jquery.com/data/ –

我需要使用jQuery

回答

相關問題