問題タブ [html5-data]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
45512 参照

javascript - データを削除する方法-*HTML5データセットを使用した属性

データセットの仕様によると、 element.datasetはデータ属性を削除することをどのように意味していますか?検討:

これを行う場合:

ChromeとFirefoxではDOMは次のようになります。

Chrome/Firefoxの実装はsetAttributeを模倣しています。基本的に.toString()最初に適用されます。これは、属性が削除nullされると予想されるため、の扱いを除いて、私には理にかなっています。nullそれ以外の場合、データセットAPIは次と同等の機能をどのように実行しますか。

そして、ブール属性についてはどうでしょうか。

<p data-something><p data-something="">うーんと同等です。

0 投票する
4 に答える
37829 参照

html - 空の HTML5 データ属性は有効ですか?

指定された要素の下にインライン モーダルを表示する単純な jQuery プラグインを作成したいと思います。私の考えは、スクリプトが要素に指定されたデータ属性に基づいて自動初期化することです。

非常に基本的な例:

data-modal-target上記の例が有効かどうか、または有効である必要があるかどうか疑問に思っていますdata-modal-target="true"。私はIE9などよりもひどいものは気にしません.私の唯一の要件は、それが有効なHTML5であることです.

0 投票する
3 に答える
116 参照

jquery - jQuery | データ属性の更新の問題

次のjQueryコードがあります:

これは HTML です:

そしてjQueryはこれです:

しかし、うまくいかないようです。誰か助けてくれませんか?このコードにエラーはありますか?

:次のコードも試してみましたが、うまくいきませんでした:

0 投票する
2 に答える
290 参照

jquery - jQuery.data('abc','xyz') が data-abc を変更しない

私は作業機能を持っています:

data-content="Hint 1 Content"jQueryで編集しようとしています。

私の機能は次のとおりです。

それから私は呼び出しますが、これは私のタグloadContent(RIDDLE)のタグを変更しません。data-content<a>

0 投票する
1 に答える
297 参照

jquery - HTML5データを操作するにはどうすればよいですか-*jQueryを使用しますか?

HTML5DOM要素の場合-

以下の2つのJavaScript行の違いは何ですか?

JSFiddleでの私のテストによると、最初のテストは機能しますが、2番目のテストは機能しません。そして、私は「なぜ?」を理解しようとしています。

jQueryはDOM要素ごとに個別のデータを維持しますか?.data()のJQueryドキュメントによると、 .data()がHTML5の値をdata-*独自のデータに取り込むことを理解しています。逆は本当ですか?そうした場合$(this).data("myData","jkl345");、HTML5属性data-myData="jkl345"が作成され$(this)ますか?

また、.data()を拡張して任意のDOM要素にデータを適用するように見えるjQuery.data()にも出くわしました。


後で追加: ' jQuery Data vs Attr?に答えがあるようです。'。そこに答えられていない唯一のものは$(this).data("newDataAttri","myVal")作成しますdata-newDataAttri="myVal"か?私はそれがDOMノードに保存されていないだけだと信じ始めています。誰かがこれを確認できますか?

0 投票する
3 に答える
1038 参照

jquery - jQuery.data() : HTML-5 属性のみを取得し、jquery または他のプラグインによって設定されたデータストア値は取得しません

jQuery 経由で HTML-5 データ属性を取得したいと考えています。

だから、私は使用して.data()います。

複数のデータ属性をフェッチする必要があるため、パラメーターを指定して結果をキャッシュしていません。

var data = $('myselecttor').data()

しかし問題は.data()、HTML-5 属性をフェッチするだけでなく、jquery (内部使用) または他のプラグイン (私の場合は jquery-ui) によって設定されたデータストア値もフェッチすることです。

Demo

すべての HTML-5 データ属性 (data-store 値を除く) を 1 回の呼び出しで (個別ではなく) 取得する必要があります。

ps でこれdata()を送信する$.ajaxUncaught TypeError: Illegal invocationエラーが発生します。

私はそれが誰かを助けることを願っています。


私の解決策

最後に、すべてのデータ属性を 1 つのデータ属性に json として保存しています。jQuery は、data-attribute 内の任意の json を自動的に解析することで、これを支援します。

<div data-person='{"name": "jashwant","sex": "male"}'></div>

そして、JavaScriptで次のようにアクセスできます

唯一の問題は、次のような css セレクターを使用できないことです。[data-name="jashwant"]

0 投票する
1 に答える
404 参照

jquery - html5データ要素のJSONデータにアクセスするjQueryは、キーにアクセスするときに未定義を返します

こんにちは、グラフィックをクリックすると Google マップにピンが表示されるようにしようとしています。span タグの data-location 要素に必要なすべてのデータを格納しています。

私のクリック機能は次のとおりです。

マーカーを作成する関数が原因で、渡されたデータがアラート時に未定義として表示されるか、それを使用してマーカーを作成しようとすると、コンソールに表示されますが、私が行ったことからコンソールの読み取りは、現在の状態でデータを表示するため、信頼されるべきではありません。つまり、コンソールへの実際の呼び出しが行われたときに定義されていない可能性があります。

json データが dom にある (実際には php によって生成された) ため、dom で定義されているため、なぜ未定義なのか理解できません。

http://2012.reelfilmlocations.co.uk/Modules/builder_areaLocs.php は私が取り組んでいるページです。奇妙なことに、同じ機能を持つ同様のページ (スタンドアロン ページではなく php インクルードを使用) があります。作品、私は両方を見て、それが未定義になっている原因も同様に違いを見ることができません) http://2012.reelfilmlocations.co.uk/locations-london-west/

0 投票する
1 に答える
302 参照

javascript - 選択リストにあるhtml5データ属性から配列にデータを取得する方法は?

基本的に、ページのjavascript操作で使用するために、フォームをロードしていくつかのデータをアップロードする必要があります。私は以下のようにデータをアップロードしています:

このデータから、data-s-typeプロパティとdata-n-typeプロパティを使用して、後でプログラムで使用される配列に追加される値を見つけます。この選択リストを使用してその配列を取得する方法を考えることはできません。

たとえば、data-s-type = "X" AND data-n-type = 9、array = [xxx、lmn]の場合

より良いアドバイスがあれば、私は隠された選択リストとしてデータをアップロードする必要はありません。

0 投票する
3 に答える
1032 参照

jquery - ラジオボタンを使用してjqueryスライダー内の画像srcを変更

わかりましたので、基本的にはjqueryイメージスライダー内に「車両カラーコンフィギュレーター」を構築しようとしています。スタイル付きのラジオ ボタンをクリックして、それに応じて特定のスライド img src を修正できるようにしたいと考えています。これは以下の私のコードですが、画像を変更することはできません...

HTML

Jクエリ

0 投票する
7 に答える
101730 参照

javascript - HTML5 データ属性との間で JavaScript 配列を格納および取得する

JavaScriptをHTML5属性Arrayに格納するにはどうすればよいですか?data

JSON.stringify陽イオンとエスケープ文字のあらゆるバリエーションを試しました。

配列を保存して再度取得する正確な方法は何ですか?

ノート

で配列を構築し[ $("#firstSelectedElement").val(), $("#secondSelectedElement").val() ]ます。で取得id="storageElement" data-storeIt="stuff"$("#storageElement").data('storeit')ます。

データを true として取得することはできません。文字Arrayのみです。Array