我如何使用jQuery获取div中的属性

Question

这是firebug的代码，我想获取数据名称值

<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（）应用于对象。