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.
存储与匹配元素关联的任意数据,或者在指定数据存储中返回匹配元素集中第一个元素的值。
#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.
存储与匹配元素关联的任意数据,或者在指定数据存储中返回匹配元素集中第一个元素的值。
#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()应用于对象。