2012-08-24 11 views
7

Na drugi dzień czytałem odpowiedzi tutaj w stackoverflow i czytałem, "jquery można uzyskać wartość html5 <data-something='value'>", czytam to, gdy Szukałem czegoś innego, więc po prostu czytam i nie analizuję tego. A teraz naprawdę potrzebuję wykonać to zadanie.uzyskać wartość html5 <data-coś = "wartość"> z jquery

Pytanie brzmi: czy jest to możliwe, czy źle rozumiem odczyt?

Odpowiedz

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> 

myślę danych jest nie tylko dla HTML5, ale również w HTML4

+0

@figuedmundo '' nie ma sensu. Tagi danych HTML5 to coś innego niż to, czego szukasz. Patrick ma to, czego potrzebujesz, myślę. –

+4

Atrybuty "data-" zostały oficjalnie dodane w html5, ale większość przeglądarek szczęśliwie je obsługuje (lub dowolne atrybuty zdefiniowane przez użytkownika) na długo przed tym. Punkt z prefiksem 'data-' jest tak zorganizowany, że utrzymuje atrybuty zdefiniowane przez użytkownika i unika konfliktów z innymi nazwami atrybutów, które mogą być oficjalnie dodawane w przyszłości. – nnnnnn

+0

@nnnnnn dziękuję! dobrze wiedzieć –

4

Można użyć data() i wykonać próbę dekodowania typu jQuery i zwrócić wpisaną wartość.

Jeśli chcesz użyć nieprzetworzonego łańcucha, użyj attr("data-x").

+0

ok, spróbuję tego. – figuedmundo

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

dostać od wartości atrybutów "danych typu"

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

Można użyć natywnej JavaScript:

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