检索HTML数据属性使用jQuery

问题描述：

我怎样才能获得存储在数据属性的值使用jQuery？检索HTML数据属性使用jQuery

<div class="sm-tot" data-ts-speed="500" data-ts-interval="4000" data-ts-newVal="5000" >

你尝试过什么？预期的结果是什么？实际结果是什么？你有没有收到任何错误讯息？ – 2012-03-15 13:33:10

你想要哪个属性？ – 2012-03-15 13:34:07

看到这一点：http://stackoverflow.com/questions/2048720/get-all-attributes-from-a-html-element-with-javascript-jquery – 2012-03-15 13:38:13

答

使用jQuery.data功能

var speed = $("yourdiv").data("ts-speed");

这从jQuery的1.4.3 - 在一个项目上，我有1.4.2 =） – 2014-01-19 10:24:16

这一个不适合我的工作。下面的答案，使用'attr'而不是'data'适用于我。 – 2016-01-15 22:46:31

@Morais最后一次看到2016年5月18日仍然没有检查是否有正确的答案。 – 2016-06-10 21:05:38

答

您应该能够使用.attr功能：

var speed = $("yourdiv").attr("data-ts-speed");

答

this shoud give you a idea how

HTML：

<div class="sm-tot" data-ts-speed="500" data-ts-interval="4000" data-ts-newVal="5000" > </div>

个

JS：

$(document).ready(function(){ 
    var speed = $("div.sm-tot").data("ts-speed"); 
    var interval = $("div.sm-tot").data("ts-interval"); 
    $("div.sm-tot").append("speed: " + speed + "<br />"); 
    $("div.sm-tot").append("interval: " + interval + "<br />"); 

});

答

<div class="sm-tot" data-ts-speed="500" data-ts-interval="4000" data-ts-newVal="5000" >

那么，对于这个div u能使用这样首先遵循这个模式

if is Class $(".ClassName").attr('AttrName'); 
    if is Id $('#IDname').attr('attrName')

如果u婉获得“数据代码得到别人ATTR与jQuery -ts间隔” U将使用$（ 'SM-TOT。'）ATTR。（ “数据-TS-间隔”）;

检索HTML数据属性使用jQuery

相关推荐