問題タブ [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.
javascript - データを削除する方法-*HTML5データセットを使用した属性
データセットの仕様によると、 element.datasetはデータ属性を削除することをどのように意味していますか?検討:
これを行う場合:
ChromeとFirefoxではDOMは次のようになります。
Chrome/Firefoxの実装はsetAttributeを模倣しています。基本的に.toString()
最初に適用されます。これは、属性が削除null
されると予想されるため、の扱いを除いて、私には理にかなっています。null
それ以外の場合、データセットAPIは次と同等の機能をどのように実行しますか。
そして、ブール属性についてはどうでしょうか。
<p data-something>
<p data-something="">
うーんと同等です。
html - 空の HTML5 データ属性は有効ですか?
指定された要素の下にインライン モーダルを表示する単純な jQuery プラグインを作成したいと思います。私の考えは、スクリプトが要素に指定されたデータ属性に基づいて自動初期化することです。
非常に基本的な例:
data-modal-target
上記の例が有効かどうか、または有効である必要があるかどうか疑問に思っていますdata-modal-target="true"
。私はIE9などよりもひどいものは気にしません.私の唯一の要件は、それが有効なHTML5であることです.
jquery - jQuery | データ属性の更新の問題
次のjQueryコードがあります:
これは HTML です:
そしてjQueryはこれです:
しかし、うまくいかないようです。誰か助けてくれませんか?このコードにエラーはありますか?
注:次のコードも試してみましたが、うまくいきませんでした:
jquery - jQuery.data('abc','xyz') が data-abc を変更しない
私は作業機能を持っています:
data-content="Hint 1 Content"
jQueryで編集しようとしています。
私の機能は次のとおりです。
それから私は呼び出しますが、これは私のタグloadContent(RIDDLE)
のタグを変更しません。data-content
<a>
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ノードに保存されていないだけだと信じ始めています。誰かがこれを確認できますか?
jquery - jQuery.data() : HTML-5 属性のみを取得し、jquery または他のプラグインによって設定されたデータストア値は取得しません
jQuery 経由で HTML-5 データ属性を取得したいと考えています。
だから、私は使用して.data()
います。
複数のデータ属性をフェッチする必要があるため、パラメーターを指定して結果をキャッシュしていません。
var data = $('myselecttor').data()
しかし問題は.data()
、HTML-5 属性をフェッチするだけでなく、jquery (内部使用) または他のプラグイン (私の場合は jquery-ui) によって設定されたデータストア値もフェッチすることです。
すべての HTML-5 データ属性 (data-store 値を除く) を 1 回の呼び出しで (個別ではなく) 取得する必要があります。
ps でこれdata()
を送信する$.ajax
とUncaught TypeError: Illegal invocation
エラーが発生します。
私はそれが誰かを助けることを願っています。
私の解決策
最後に、すべてのデータ属性を 1 つのデータ属性に json として保存しています。jQuery は、data-attribute 内の任意の json を自動的に解析することで、これを支援します。
<div data-person='{"name": "jashwant","sex": "male"}'></div>
そして、JavaScriptで次のようにアクセスできます
唯一の問題は、次のような css セレクターを使用できないことです。[data-name="jashwant"]
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/
javascript - 選択リストにあるhtml5データ属性から配列にデータを取得する方法は?
基本的に、ページのjavascript操作で使用するために、フォームをロードしていくつかのデータをアップロードする必要があります。私は以下のようにデータをアップロードしています:
このデータから、data-s-typeプロパティとdata-n-typeプロパティを使用して、後でプログラムで使用される配列に追加される値を見つけます。この選択リストを使用してその配列を取得する方法を考えることはできません。
たとえば、data-s-type = "X" AND data-n-type = 9、array = [xxx、lmn]の場合
より良いアドバイスがあれば、私は隠された選択リストとしてデータをアップロードする必要はありません。
jquery - ラジオボタンを使用してjqueryスライダー内の画像srcを変更
わかりましたので、基本的にはjqueryイメージスライダー内に「車両カラーコンフィギュレーター」を構築しようとしています。スタイル付きのラジオ ボタンをクリックして、それに応じて特定のスライド img src を修正できるようにしたいと考えています。これは以下の私のコードですが、画像を変更することはできません...
HTML
Jクエリ
javascript - HTML5 データ属性との間で JavaScript 配列を格納および取得する
JavaScriptをHTML5属性Array
に格納するにはどうすればよいですか?data
JSON.stringify
陽イオンとエスケープ文字のあらゆるバリエーションを試しました。
配列を保存して再度取得する正確な方法は何ですか?
ノート
で配列を構築し[ $("#firstSelectedElement").val(), $("#secondSelectedElement").val() ]
ます。で取得id="storageElement" data-storeIt="stuff"
し$("#storageElement").data('storeit')
ます。
データを true として取得することはできません。文字Array
のみです。Array