[解決済み] HTMLのdata属性にJSONオブジェクトを格納する jQuery
2022-05-01 21:45:32
質問
を使用してデータを保存しています。
data-
のようなHTMLタグでアプローチします。
<td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td>
そして、このようにコールバックでデータを取り出しています。
$(this).data('imagename');
これで問題なく動作しています。私が行き詰っているのは、オブジェクトのプロパティの1つだけを保存するのではなく、オブジェクトを保存しようとしていることです。私はこれを実行しようとしました。
<td><button class='delete' data-image='"+results[i]+"'>Delete</button></td>
そして、このようにnameプロパティにアクセスしようとした。
var imageObj = $(this).data('image');
console.log('Image name: '+imageObj.name);
ログによると
undefined
. ということで、単純な文字列を格納できるようです。
data-
属性はありますが、JSONオブジェクトは格納できません...。
また、この構文の子供を使おうとしましたが、うまくいきませんでした。
<div data-foobar='{"foo":"bar"}'></div>
を使用して実際のオブジェクトをHTMLタグに格納する方法について、何かアイデアがあれば教えてください。
data-
というアプローチをとっていますか?
どのように解決するのですか?
テキストに埋め込む代わりに
$('#myElement').data('key',jsonObject);
は実際にはhtmlに保存されませんが、jquery.dataを使用している場合は、いずれにせよすべて抽象化されます。
JSONを取得するために パースしない を呼び出すだけです。
var getBackMyJSON = $('#myElement').data('key');
が表示される場合
[Object Object]
直接のJSONではなく、データキーでJSONにアクセスします。
var getBackMyJSON = $('#myElement').data('key').key;
関連
-
[解決済み] cURLでJSONデータをPOSTするにはどうすればよいですか?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] jQueryでフォームデータをJavaScriptオブジェクトに変換する
-
[解決済み] JSONデータをファイルに書き込むにはどうしたらいいですか?
-
[解決済み] JSON文字列を安全にオブジェクトに変換する
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] JSオブジェクトをJSON文字列に変換する
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQuery UI DatePicker - 日付フォーマットの変更
-
[解決済み】なぜPythonはこのJSONデータをパースできないのですか?[終了] PythonがこのJSONデータをパースできないのはなぜですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。
-
[解決済み] なぜJavaScriptのeval関数を使うとダメなのか?
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] CSSを使用してSVG画像の色を変更する方法(jQuery SVG image replacement)とは?
-
[解決済み] jQueryを使ってロールオーバー時に画像ソースを変更する
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] jQueryを使用して要素の型を検索する
-
[解決済み】iPad版SafariでjQueryを使ってタッチイベントを認識させる方法は?可能でしょうか?
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?
-
[解決済み] Javascriptのatobを使ってbase64をデコードすると、utf-8の文字列が正しくデコードされない