2012-09-01 17 views
26

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

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

私は.getAttribute() and attr()で試したよう

...(Javascrupt & jQueryの)任意のアイデア?

+0

は、マークアップを見てみましょうか? – adeneo

+2

うまくいけばあなたのID does'ntの中央にスペースがありますか? – adeneo

+0

はいありません。 – stiffle

答えて

41

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

0

次の構文

$('#theid').attr('original-title'); 
+2

jqueryを使用しています。それを試しましたが、nullを返します。 – stiffle

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

次の実施例である:

Javascriptを:

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

HTML:

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

あなたのIDで必見使用スペースの場合、このような要素や属性の値を取得する:カスタムのために

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

が最高のHTML5 data-[somelabel]属性を使用する属性は、下位互換性および標準化されたのです。だから、あなたのケースで何かのように: "the_id" へ

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

Read more about data-attributes

+0

+1私はエスケープのために\\を使用することはできませんでした。 – Moons

24

変更 "ID"。このように使用すること

document.getElementById("the_id").getAttribute("original-title"); 
15

ベストウェイ:

あなたは、それはプレーンなJavaScriptを使用して行うことができます

jQuery(this).attr('original-title'); 
+0

これは動作しません... – Shubh

+0

これは問題なく動作します。私はそれをチェックした。 –

+0

Google Chromeで正常に動作します。 – alexander

2
a var DateofEvent = $('[data-original-title=I NEED THIS]').val(); 
関連する問題