web-dev-qa-db-ja.com

JavascriptまたはJqueryを使用してカスタム属性の値を取得します

Javascriptまたはjqueryを使用してカスタム属性の値を取得するにはどうすればよいですか？

いいね

<strong id="the id" original-title="I NEED THIS">

.getAttribute() and attr() ..（Javascrupt＆jQuery）で試しましたが、成功することはありません。

javascriptjqueryattributes
37
stiffle

Idにスペースを使用しないでください。

カスタム属性を追加すると、htmlが無効になります。つかいます data-attributes代わりに：

<strong id="the_id" data-original-title="I NEED THIS">

$('#the_id').data('original-title');

http://jsbin.com/akoyut/2/edit

50
jinsky

「the id」を「the_id」に変更します。

あなたは普通のjavascriptを使用してそれを行うことができます：

document.getElementById("the_id").getAttribute("original-title");
38
Adam Wolski

このように使用する最良の方法：

jQuery(this).attr('original-title');
16
Sumit
a var DateofEvent = $('[data-original-title=I NEED THIS]').val();
3
azmul

次の構文を使用して値を取得できます

$('#theid').attr('original-title');
1
Codegiant

mustでスペースを使用する必要がある場合、次のように要素と属性の値を取得します。

$('[id="the id"]').attr([some attribute string]);
//or
$('#the\\ id').attr([some attribute string]);

カスタム属性には、HTML5 data-[somelabel]属性、下位互換性があり、標準化されています。あなたの場合、次のようなものです：

<strong id="the id" data-originalTitle="I NEED THIS">

データ属性の詳細を読む

1
KooiInc
$('#the<remove space from here>id').attr('original-title');
0
coolguy

以下は実際の例です。

Javascript：

$(document).ready(function() {    
  var title = $("#the_id").attr("original-title");
}

HTML：

<strong id="the_id" original-title="I NEED THIS"></strong>
0
Mahbub

Foreachで必要に応じてこれを行いました

$(this).data('original-title')
0
Brainmaniac