jQueryのdata-*属性キャッシュ仕様と対策

Updated 2014.02.16 / Published 2014.02.16 jQueryでdata-*属性を扱う際にjQuery.data()メソッドもしくはjQuery.attr()メソッドを使うことになるでしょうが、jQueryで扱えるdata-*属性のオブジェクトは前提としてキャッシュ仕様であることを理解しておかないと嵌ることが多々あります。 取得だけなら問題は起こらない <div id="user1" data-id="1" data-user="Jack" data-date-of-birth="2000-10-01">Jack</div> これらのdata-*属性を取得したい場合、jQueryであれば次のように記述します。 //data()の場合 jQuery("#user1").data("id"); // => 1 (数字扱い) jQuery("#user1").d

[kanno_kanno]

“jQueryのキャッシュ仕様が原因でHTML上には反映しない（HTML属性値は書き換えない）”

[yuta_hayakawa]

ずっとハマってたのはコイツのせい（他責

[sutara_lumpur]

ずっと勘違いしてた。jQueryのdataはHTMLのdata属性とは少し違っていたのか。

[IDLOCK]

これほんと罠

[michael-unltd]

罠った…

[itouhiro]

「jQuery.data()の場合は、jQueryオブジェクトとしてのデータ名に対する値は書き換えられるのですが、逆にjQueryのキャッシュ仕様が原因でHTML上には反映しない（HTML属性値は書き換えない）。解決策はネイティブJS」

[shuuuuuny]

data attr

[knakamura1977]

気をつけよっと。

[gayou]

へー。