jQueryを使用したHTMLデータ属性の取得

jQueryを使用してデータ属性に格納された値を取得するにはどうすればよいですか？jQueryを使用したHTMLデータ属性の取得

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

出典

2012-03-15 Morais

何を試しましたか？期待された結果は何でしたか？実際の結果はどうでしたか？エラーメッセージが表示されましたか？ –

あなたはどんな属性が必要ですか？ –

これを参照してください：http://stackoverflow.com/questions/2048720/get-all-attributes-from-a-html-element-with-javascript-jquery –

131

使用jQuery.data機能

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

出典

2012-03-15 13:34:21 Alytrem

これはjQuery 1.4.3からです - 1つのプロジェクトで1.4.2 =） –

これは私のためには機能しません。以下の答えは、 'data'の代わりに' attr'を使用して私のために働きます。 –

@モアレは2016年5月18日に最後に見られ、正しい答えはまだチェックされていません。 –

あなたが.ATTR機能を使用することができるはずです。

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

出典

2012-03-15 13:37:45

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

});

出典

2012-03-15 13:38:58 Frederiek

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

、これはuが「データを取得弱々しい場合は、このが最初にこのパターン

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

に従うようにuはコードを使用してjQueryを使ってのattr誰かを得ることができますDIVのために-ts-interval "$（ '。sm-tot'）を使用します。attr（" data-ts-interval "）;

出典

2012-03-15 13:42:27

jQueryを使用したHTMLデータ属性の取得

答えて

関連する問題