使用jQuery检索HTML数据属性

du7egjpx  于 2023-04-04  发布在  jQuery
关注(0)|答案(5)|浏览(143)

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

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

8nuwlpux1#

使用jQuery .data()函数:

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

wko9yo5t2#

你可以使用.attr函数:

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

2uluyalo3#

this shoud give you a idea how
网页:

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

约旦:

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

});
q3aa0525

q3aa05254#

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

好的,对于这个div,你可以用jquery得到某人的attr,使用这样的代码,首先遵循这个模式

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

如果你想得到“data-ts-interval”,你将使用$('. sm-tot').attr(“data-ts-interval”);

t30tvxxf

t30tvxxf5#

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

要使用JQuery获取数据属性,可以使用attributes函数并获取所需数据属性的值

element = $(".ClassName").attribute("data-attribute")

就你而言,

value = $(".sm-tot").attributes("data-ts-speed")

相关问题