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

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

});

Answer 4

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

好吧，对于这个div你可以使用像这样的代码来获取jquery的人首先遵循这种模式

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

如果你想得到“data-ts-interval”，你将使用$（'。sm-tot'）。attr（“data-ts-interval”）;

使用jQuery检索HTML数据属性

4 个答案: