使用jquery从div中提取数据值

Question

如果我有一个看起来像这样的div：

<div class="random" data="20">Random</div>

我可以使用jquery输出这个数据值吗？我搜索过但没有运气......

Answer 1

你可以试试这个。

<div class="random" data-value="20">Random</div>

$('.random').data('value');

Answer 2

您可以使用jQuery .attr获取属性的值。

$('.random').attr('data');

Answer 3

当您使用jQuery的data（）函数时，它会读取带有＆＃39; data - ＆＃39;前缀的那些属性，因此您需要使用数据的键/名来限定它，例如＆ ＃39;数据myvalue的＆＃39 ;.然后你只需传递密钥来检索值。

<div class="random" data-myvalue="20">Random</div>

$(".random").data("myvalue");

或者您可以使用attr（）函数并传递整个属性名称。 data（）函数的优点是它自动将值解析为适当的类型。所以你的例子会返回一个整数。

Answer 4

将此内容写入您的js文件

$(document).ready(function(){
var getdiv= $('.random');
console.log(getdiv.attr('data'));
console.log(getdiv[0].innerText);
})

这里是小提琴http://jsfiddle.net/gjx0eepL/

希望你只想要这个