2012-03-15 5 views
26

Как получить значения, хранящиеся в атрибутах данных, используя jQuery?Извлечение атрибутов данных HTML с помощью jQuery

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

Что вы пробовали? Каков был ожидаемый результат? Каков был фактический результат? Получали ли вы сообщения об ошибках? –

+1

какой атрибут вы хотите? –

+0

см. Это: http://stackoverflow.com/questions/2048720/get-all-attributes-from-a-html-element-with-javascript-jquery –

ответ

131

Использование jQuery.data функция

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

это от jQuery 1.4.3 - на одном проекте у меня 1.4.2 =) –

+2

этот не работает для меня. Ответ ниже, использование 'attr' вместо' data' работает для меня. –

+0

@Morais последний раз видел 18 мая 2016 года и по-прежнему не проверял правильный ответ. –

18

Вы должны быть в состоянии использовать .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> 

ЯШ:

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

хорошо, для этого Div и может заставить кого-то атр с JQuery с помощью кода, как это первый следовать этому образцу

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

если и тусклый получить «данные -ts-interval "u будет использовать $ ('. sm-tot'). attr (" data-ts-interval ");

Смежные вопросы