2012-08-24 8 views
7

El otro día estaba leyendo las respuestas aquí en stackoverflow y leí, "jquery puede obtener el valor de html5 <data-something='value'>", leí esto cuando Estaba buscando otra cosa, así que solo leo y no analizo esto. Y ahora realmente necesito lograr esta tarea.obtener el valor de html5 <data-something = "value"> con jquery

La pregunta es: ¿es posible o simplemente no entiendo la lectura?

Respuesta

18
<div id="test" data-key="abcd">hahahah</div> 

<script type="text/javascript"> 
var value = $("#test").data("key"); 
alert(value); //This will show you "abcd" 
</script> 

Creo que los datos no es sólo para HTML5, sino también en HTML 4

+0

@figuedmundo '' no tiene sentido. Las etiquetas de datos HTML5 son algo diferente de lo que estás buscando. Patrick tiene lo que necesitas, creo. –

+4

Los atributos 'data-' se agregaron oficialmente en html5, pero la mayoría de los navegadores los respaldaron felizmente (o cualquier atributo definido por el usuario) mucho antes de eso. El punto con el prefijo 'data-' es que mantiene organizados los atributos definidos por el usuario, y evita choques con otros nombres de atributos que podrían agregarse oficialmente en el futuro. – nnnnnn

+0

@nnnnnn ¡gracias! es bueno saberlo –

4

Puede usar data() y jQuery intente decodificar el tipo y devolver el valor escrito.

Si desea la cadena sin procesar, use attr("data-x").

+0

bien, intentaré esto. – figuedmundo

0
<div class="ch-content" data-type=plant></div> 

valores de atributos Get "tipo de datos"

var type = $(".ch-content").attr('data-type'); 
Console.log(type); 
0

Puede utilizar JavaScript orígenes:

<div id="test" data-key="abcd">hahahah</div> 
<script type="text/javascript"> 
var test= document.getElementById('test'); 
var keyCount = test.getAttribute('data-key'); 
</script> 
Cuestiones relacionadas