2012-03-15 12 views
26

¿Cómo puedo obtener los valores almacenados en los atributos de datos usando jQuery?Recuperando atributos de datos HTML usando jQuery

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

¿Qué has probado? ¿Cuál fue el resultado esperado? ¿Cuál fue el resultado real? ¿Recibió algún mensaje de error? –

+1

que atributo quieres? –

+0

vea esto: http://stackoverflow.com/questions/2048720/get-all-attributes-from-a-html-element-with-javascript-jquery –

Respuesta

131

Uso jQuery.data función

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

esto de jQuery 1.4.3 - en un proyecto tengo 1.4.2 =) –

+2

éste no funciona para mí. La respuesta a continuación, usa 'attr' en lugar de' data' para mí. –

+0

@Morais visto por última vez el 18 de mayo de 2016 y todavía no hay ningún cheque para la respuesta correcta. –

18

Usted debe ser capaz de utilizar la función .attr:

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

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

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

así, de este div u puede conseguir a alguien attr con jQuery utilizando código como este primer seguir este patrón

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

si u wan obtener "datos -ts-interval "u usará $ ('. sm-tot'). attr (" data-ts-interval ");

Cuestiones relacionadas