我怎样才能在格属性与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（）适用于对象。