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

时间:2022-05-14 20:31:59

this is code from firebug, i want to get data-name value

这是来自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">

how can i get attribute data-name by click with Jquery

如何通过单击Jquery获取属性数据名称

3 个解决方案

#1


You can use data.

您可以使用数据。

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

To get the data-name of the clicked image.

获取所单击图像的数据名称。

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

Demo: https://jsfiddle.net/tusharj/a0468f8k/

Store arbitrary data associated with the matched elements or return the value at the named data store for the first element in the set of matched elements.

存储与匹配元素关联的任意数据,或者在指定数据存储中返回匹配元素集中第一个元素的值。

Docs: http://api.jquery.com/data/

#2


I'm assuming clicked on img itself, then try this code :

我假设点击img本身,然后尝试这段代码:

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

#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/

By use of jQuery library data can be fetch easily, there is a method data() apply on object.

通过使用jQuery库数据可以轻松获取,有一个方法data()应用于对象。

#1


You can use data.

您可以使用数据。

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

To get the data-name of the clicked image.

获取所单击图像的数据名称。

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

Demo: https://jsfiddle.net/tusharj/a0468f8k/

Store arbitrary data associated with the matched elements or return the value at the named data store for the first element in the set of matched elements.

存储与匹配元素关联的任意数据,或者在指定数据存储中返回匹配元素集中第一个元素的值。

Docs: http://api.jquery.com/data/

#2


I'm assuming clicked on img itself, then try this code :

我假设点击img本身,然后尝试这段代码:

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

#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/

By use of jQuery library data can be fetch easily, there is a method data() apply on object.

通过使用jQuery库数据可以轻松获取,有一个方法data()应用于对象。