勉強したことのメモ

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

  関連記事

formでファイルを選択した際にファイル名やサイズ、形式を調べる方法

フォームで画像などをアップロードする際に「ファイルサイズが大きすぎないか?」「拡 ...

セレクトメニューにサジェスト機能をつける方法(select2)

formのselectメニューで何文字が入力すると候補を絞って表示させるサジェス ...

JavaScript / jQueryで〇番目、最初、最後の要素を指定する方法

jQueryでリストタグ(<li>)の〇番目、最初、最後の要素を指定 ...

jQueryの通知メッセージ用ライブラリ「Toastr」の利用方法

あるサイトのソースコードを拝見しているとToastrというJSファイルをCDNで ...

jQueryで画像が存在すれば表示、なければノーイメージ画像を表示

やりたかった事は以下の通り。 ・画像のURLはcode.jpgみたいになってる ...