javascript - htmlタグ属性にデータを保存

Question

一部のデータをhtmlタグ属性として保存するにはどうすればよいですか? たとえば、 data が与えられた場合asd/45.33/blah、このデータを html に保存し、jquery を使用した後にこのデータを取得する必要があります。

 $("#my_tag").attr("special_attribute");

それが可能だ？

score 7 · Accepted Answer

カスタム属性を使用するとドキュメントが無効になります。HTML5data-*属性を使用できます。また、jQuery を使用して値を取得/設定するには、dataメソッドを使用できます。たとえば、データ属性が呼び出されている場合はdata-special、次の方法で値を取得できます。

var value = $("#my_tag").data("special");

この方法で値を設定/変更します。

$("#my_tag").data("special", "value");

score 5 · Accepted Answer

jQuery で使用する必要がある場合は、属性を使用することをお勧めしますdata-。

html タグを宣言すると、次のようになります。

<div id="myDiv" data-url="asd/45.33/blah"></div>

データの使用は次のように簡単です。

var url = $('#myDiv').data('url')

attr と dataに関する質問。

score 0 · Accepted Answer

USEattr()属性値の設定だけでなく、値の取得にも使用されます。

$("#my_tag").attr("special_attribute",'asd/45.33/blah');

score 0 · Accepted Answer

0

はい、可能です。ただし、検証されません。

于 2012-12-27T12:20:54.837 に答える

score 0 · Accepted Answer

はい、できます。この目的には非表示フィールドを使用する必要があると思います。

<input type="hidden" id="my_tag" />

jquery 経由でアクセスします。

$("#my_tag").attr("value", "myvalue");
$("#my_tag").attr("value");

score -1 · Accepted Answer

次のようにhtml要素に値を保存できます：

$("htmlelement").data("key","value");

あなたの場合は次のようになります：

$("#my_tag").data("special_attribute","asd/45.33/blah");

score -3 · Accepted Answer

var html = "<p>HTML</p>";
$("#my_tag").attr("special_attribute", function() {
    return html;
});

次のコマンドで取得します。

var s = $("#my_tag").attr("special_attribute");
alert(s)

7 に答える 7