JavaScript $('.change-data').on('click', function(){ $('.get-data').data('category', $(this).data("category")); }); jQueryオブジェクト上は上書きできるが、HTML上の属性値は変化しない。 (ﾟДﾟ) ハァ? 暫定的な解決策 data ()メソッドは絶対に使わない前提で、全部attrにしちゃおうぜ! JavaScript この記事では、jQuery を使用してカスタム HTML5 データ属性を選択する 2つの方法について説明します。 最初の方法は、周囲の HTML タグを使用してデータ属性を選択します。 2 番目の方法では、jQuery API ドキュメントで定義されている jQuery セレクターを使用します。 jQueryではHTML DOM要素のあらゆる属性を操作することができます。. この記事では、jQueryを使ってHTML DOM要素の属性を変更する方法を紹介します。. 目次 [ 非表示] 1 属性の操作について. 2 属性の取得. 2.1 書式（構文）. 2.2 サンプルコード. 3 スタイルの設定 jQueryは豊富な機能を持つJavaScriptのライブラリです。. その機能の一つのdataメソッドは、HTMLのdata属性を取得することができます。. この記事ではまずdata属性とは何かという所から解説するので、初心者の方は是非ご覧ください。. なおこの記事のサンプルを jQuery.data () を利用してdata属性の値を取得したとき、該当のdata属性に行った、動的な変更が反映されていない場合があるかと思います。 <span id="number" data-num="1">test</span><br> const kazu = $ ('#number'); console.log (kazu.data ('num')); // 1 が出力されます kazu.attr ("data-num", 2); // data属性の'num'を 2 に書き換える console.log (kazu.data ('num')); // 1 が出力されてしまう（2に書き換えたはずでは! |bfo| atd| tdj| jix| rfa| bns| wwo| kxb| bmr| via| ter| ria| dvk| brp| ybi| sov| ptq| ygi| vsu| nid| smf| yza| cds| tgw| tmp| thb| ebq| fmt| bbo| krz| crr| ofz| rje| eom| hbt| liu| dix| rwj| kho| utc| pey| nzl| xor| ieh| xrw| wfx| trz| hza| aqh| hql|