勉強したことのメモ

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

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

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

2023/10/23 jQuery JavaScript

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

目次

1 原因
2 対応方法

原因

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

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

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

対応方法

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

- jQuery JavaScript

関連記事

: 「slick」でブラウザ幅がPCの場合はスライダーを表示し、スマホ幅の場合はスライダー無しにする方法

slickプラグインで画像スライダーを設置しているページがあり、PCのブラウザ幅 ...

: jQueryにて特定のIDが存在するかチェックし分岐処理する方法

jQueryにて特定のIDが存在するかチェックし分岐処理したいというケースがあっ ...

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

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

: ajaxで複数のデータを渡したい

やりたい事はajaxで複数のデータを渡したい。 ■送信側 var data = ...

: CodeIgniter4 & jQueryを用いて同一サイト内でajax通信する方法

CodeIgniter4.4.4 & jQueryを用いて同一サイト内で ...