勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

HTMLのカスタムデータ属性をjQueryで取得する際はキャッシュに注意する

  jQuery JavaScript

ASPを使用したサイトでHTMLのカスタムデータ属性を取得し色々処理したかったんだけど、うまく取得できないケースに遭遇した。当該のカスタムデータの値はASP側で制御しているため、外部からは取得できないのかと思ったが色々調べるとjQueryのキャッシュ仕様が原因っぽい。以下に対応方法をメモ。

 

原因

jQueryのキャッシュの仕様により正常に取得できていない模様。

https://qiita.com/Kta-M/items/2eda39750abd10df9801

https://w3g.jp/blog/jquery-data-attr-cache

 

対応方法

jQueryだとattr()を使う。もしくはバニラJSで書くのが良さそう。

 - jQuery JavaScript

  関連記事

「slick」で作成したスライダー画像にランキングの順位を表示する方法

「slick」で作成したスライダー画像に対して、ランキングの順位を表示したいとい ...

Flashを用いずJavaScriptでコピー&カット機能を実装する方法

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

JavaScriptのbeforeunloadイベントでページの離脱防止

何らかのformがあるページで各種内容を入力後に何らかのリンクをクリックする等、 ...

AjaxにてHTTPリクエストメソッドをDELETE / PUTで送信する方法

あるAPIにAjaxでリクエストする際、GET / POSTではなくDELETE ...

jQueryで後から追加した要素にhasClass / addClass / removeClassを使用した際の挙動

jQueryで後から追加した要素にhasClass / addClass / r ...