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

Question

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

お気に入り

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

私は.getAttribute() and attr()..(Javascrupt & jQuery)で試してみましたが、成功しませんでしたか?

score 62 · Accepted Answer

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

また、カスタム属性を追加すると、html が無効になります。data-attributes代わりに使用してください:

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

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

score 57 · Accepted Answer

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

プレーンな JavaScript を使用して実行できます。

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

score 18 · Accepted Answer

18

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

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

于 2013-11-20T06:21:53.407 に答える

score 3 · Accepted Answer

3

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

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

于 2012-09-01T08:48:18.637 に答える

score 2 · Accepted Answer

2

a var DateofEvent = $('[data-original-title=I NEED THIS]').val();

于 2014-08-19T06:30:15.507 に答える

score 1 · Accepted Answer

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

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

カスタム属性についてはdata-[somelabel]、下位互換性があり標準化されている HTML5 属性を使用するのが最適です。したがって、あなたの場合は次のようになります。

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

score 0 · Accepted Answer

0

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

于 2012-09-01T08:49:01.410 に答える

score 0 · Accepted Answer

以下は実際の例です。

Javascript:

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

HTML:

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

9 に答える 9