Récupération des attributs de données HTML à l'aide de jQuery

Question

Comment puis-je obtenir les valeurs stockées dans les attributs de données à l'aide de jQuery ?

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

Answer 1

Utilisez la fonction jQuery .data() :

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

Answer 2

Vous devriez pouvoir utiliser la fonction .attr :

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

Answer 3

ça devrait te donner une idée de comment

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" >

eh bien, pour cette div, vous pouvez obtenir quelqu'un attr avec jquery en utilisant un code comme celui-ci suivez d'abord ce modèle

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

si vous voulez obtenir "data-ts-interval", vous utiliserez $('.sm-tot').attr("data-ts-interval");