我怎樣才能在格屬性與jQuery

Question

這是來自螢火蟲的代碼，我想數據-name的值

<div id="listdata"> 
    name1 
     <img src="images1" data-name="data01"> 
    name2 
     <img src="images2" data-name="data02"> 
    name3 
     <img src="images2" data-name="data03"> 

我怎樣才能獲得通過點擊使用jQuery

屬性數據名

Answer 1

您可以使用data。

$('#images1').data('name'); 

獲取點擊圖像的data-name。

$(document).ready(function() { 
    $('#listdata').on('click', 'img', function() { 
     alert($(this).data('name')); 
    }); 
}); 

演示：與匹配的元素相關聯的或在指定的數據存儲返回值對於該組匹配元件的第一元件https://jsfiddle.net/tusharj/a0468f8k/

存儲任意數據。

文檔：http://api.jquery.com/data/

Answer 2

我點擊img本身假設，那就試試這個代碼：

$(function(){ 
    $('#listdata').on('click','img', function(){ 
    alert($(this).data('name')); 
    }); 
}); 

Answer 3

<div id="listdata"> 
    name1 
    <img src="images1" data-name="data01" /> 
    name2 
    <img src="images2" data-name="data02" /> 
    name3 
    <img src="images2" data-name="data03" /> 
</div> 




$("#listdata img").click(function(){ 
    console.log($(this).data("name")); 
}); 

http://jsfiddle.net/re1Lz451/1/

通過使用jQuery庫數據的可輕鬆獲取，有一個方法data（）適用於對象。