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
![jQueryのdata-*属性キャッシュ仕様と対策](https://cdn-ak-scissors.b.st-hatena.com/image/square/d207cde1beb2f114b8fdacc2ebf95361edc9a0f6/height=288;version=1;width=512/https%3A%2F%2Fw3g.jp%2Fogp.png)