使用jQuery检索HTML数据属性

Question

如何使用jQuery获取存储在数据属性中的值？

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

Answer 1

使用jQuery .data()函数:

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

Answer 2

您应该能够使用.attr函数:

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

Answer 3

这个shoud让你知道如何

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 />");

});