1. ホーム
  2. jquery

[解決済み] jQueryでdata属性で要素を選択する

2022-03-20 10:24:47

質問

要素を選択するための簡単な方法はありますか? data 属性はありますか? 例えば、アンカーを選択する際に customerID で、値が 22 .

を使うのはちょっとためらわれる。 rel などの属性にそのような情報が格納されていますが、どのようなデータが格納されているかで要素を選択するのはかなり難しいと感じています。

どのように解決する?

$('*[data-customerID="22"]');

を省略することができるはずです。 * しかし、私の記憶が正しければ、使用しているjQueryのバージョンによっては、誤った結果をもたらすかもしれません。

セレクタ API との互換性のために ( document.querySelector{,all} )、属性値を囲む引用符( 22 ) この場合、省略することはできません .

また、jQueryスクリプトの中でデータ属性をよく扱う場合は、そのデータ属性に対応した HTML5カスタムデータ属性プラグイン . これを利用することで、さらに可読性の高いコードを書くことができます。 .dataAttr('foo') を使用した場合と比較して)最小化後のファイルサイズが小さくなります。 .attr('data-foo') ).