問題タブ [custom-data-attribute]

最近私を悩ませているのは、HTML5 データ属性の使用と、いつそれらを使用するのが適切かということです。

通常、サーバーに対して多数の AJAX 呼び出しを実行するページではID、表示されているページを表す が必要です。私は現在<input>、これをページの隠し要素に保存しています。その後、jQuery doc ready 呼び出しの上部にある JS 変数にアクセスして保存します。

私はそれをdata-idbody 要素の属性に移動することを検討しており、それを使用して jQuery でアクセスし$('body').data('id');ます。

HTML5 データ属性またはその逆を使用する利点はありますか? パフォーマンス？安全？"ベストプラクティス"？

データ属性はすべてのブラウザからアクセスできるので、IE を扱うことは問題ではないと私は理解しています。

属性配列にどの要素が格納されているか、ブラウザーの一貫性があるかどうか疑問に思っていました。

「$('#elm')[0].attributes」ですべての「data-xxx」属性が見つかりましたか?

たとえば、attributes-collection には以下のすべての data-attributes が含まれていますか?

私が必要としているのは、関連するすべての属性を input[type=submit] から jQuery を使用してボタン要素に移動する方法です。

重複の可能性：
HTML5カスタムデータ属性はIE 6で「機能」しますか？

HTMLデータ属性を使用しても安全ですか。

たとえば、ユーザーがIE6をブラウザーとして使用している場合でも、属性を使用してjavascriptを使用して取得することはできますか？

私のプロジェクトでは、現在、HTMLでいくつかのカスタムデータ*属性を使用して、jQueryで使用される追加のデータを伝達しています。メソッドを見つけ.data()て、data- *属性がある場合、data-my-attributeその属性を持つ要素を選択してを呼び出すことで、jQueryでその値を取得できることに気付きました.data("my-attribute")。

私はこれが使用されるはずの方法であると想定し（ドキュメントを調べていませんでした）、jQueryコード全体で使用しました。ただし、たとえば"000005643"HTML data- *属性に文字列を入力すると、.data("my-attribute")return5643が.attr("data-my-attribute")returnになることに気付きました"000005643"。後者は私が欲しかったものです。.data()これにより、ドキュメントを調べて、思った以上のことが実際にあることがわかりました。.data()また、 data-*属性の値を取得するために使用する必要があることを示すテキストや例を見たことがありません。これは私が根本的に間違ったことをしているのではないかと心配しています。

それで、私はこの方法での使用をやめ、やめるべき.data()でしょうか？そうでない場合は、.data()この使用法を説明する関数に関するいくつかのドキュメントにリンクしていただけませんか。

HTMLドキュメントに埋め込みたい構造化データアイテムの小さなセットがあります。データは、ページを操作するために一部のJavaScriptによって使用されますが、それ以外の場合は非表示になります。

HTML5データ属性の使用を検討しましたが、どの要素が漂遊データの添付に最適かわかりません。div私は次のような要素を使用することを考えました：

要素のコンテンツモデルdivはフローコンテンツであり、少なくとも1つの子孫を推奨するため、これは応急修理です。li順序付けされていないリストを使用することも検討しましたが、要素のコンテンツモデルもフローコンテンツであるため、これも同じ理由で問題です。

HTML5データ属性に関するベストプラクティスを検索しましたが、これらの属性は比較的新しく、まだ一般的に使用されていないため、利用できる情報はほとんどありません。

漂遊データ属性を付加するプレースホルダー要素に関するその他の推奨事項はありますか？それとも私はこれについてすべて間違っていますか？JSONのようなものを使用することは、私のニーズには手間がかかるようです...

重複の可能性:
javascript / jQuery を使用して data-* 属性のリストを取得する

要素からすべてのデータ属性を取得し、それらを配列にスローするにはどうすればよいでしょうか?

たとえば、リスト要素がある場合:

これらすべてのデータ属性を取得して、次のような配列またはオブジェクト (または同様のもの) を取得できるようにしたいと考えています。

データ属性名がわからない場合の解決策が優先されます。

HTML 5 データ属性を DOM に追加しようとしています。jQueryサイトで、データ属性の形式は次のとおりです。

しかし、これはDOMに何も追加していないようです?

上記の data-role を関連する ul タグに追加するにはどうすればよいですか?

これは何度か回答されていますが、私のものは別のアプローチです。

クリック時にテキストを (jQuery 経由で) 切り替えたい。しかし、このテキストをhtmlで定義したいので（多言語であり、言語、より正確にはSmarty変数に依存しているため）、$(this).html(condition ? "Some" : "Other" )機能しません。

私の実際のアプローチは次のとおりです。

HTML

JS

しかし、コードの冗長性と属性の不適切な使用はあまり好きではありませんrel。もっとjqueryスタイルのソリューションがあると確信しています。

読んでくれてありがとう。

カスタム データ タグまたは ID のどちらかを選択する必要があります。カスタム データ タグを選択したいのですが、現在最も広く使用されているブラウザとの互換性の問題が発生しないようにしたいと考えています。

私は jQuery 1.6 を使用しており、私の特定のシナリオには、いくつかのアクションで commentId を参照する必要がある状況が含まれます。

jQueryin でデータ タグを抽出する方が簡単です。$('foo').data('commentId');

ID から部分文字列を抽出するのは少し複雑に思え、何らかの理由で壊れる可能性があります。<a id="comment-1"

どちらのアプローチにも、抜本的なメリットや致命的な欠陥はありますか?

dataブラウザがModernizrを使用してHTML5属性をサポートしているかどうかを検出するにはどうすればよいですか？