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

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

3 个答案: