javascript - HTML タグ / jQuery に情報を保存する

Question

jQueryで使用するために、コンテナーの状態をそれらのタグに保存したいです。問題は、data-xy と data() または attr() を使用すると、JS が undefined と言うことです。

これを達成するための最良の方法は何ですか？

Answer 1

これは何度もありました。データ属性は常に小文字になります。

言う：

<div id="hello" data-testHello="HelloThere">Test</div>

データには引き続き次の方法でアクセスします。

$('#hello').data("testhello"); rather than "testHello".

お役に立てれば。

Answer 2

div または要素の ID としてのプロパティと値を持つオブジェクトを作成します。

<div id="foo"><span>this is a test</span></div>

状態を設定するには

var stateStore = {};
stateStore["foo"] = "dirty";

州へのアクセス

$("div").each(function(){
 MakeAnythingWithIt(this);
})

function MakeAnythingWithIt(theElement)
{
 var elementState = stateSore[$(theElement).attr("id")];
}

もう 1 つの方法は、input type="hidden" に状態情報を追加することです。