問題タブ [html5-data]

私は持てます

ダッシュではなくアンダースコアが表示されます。

ただしHTML5 data-、属性が必要です。つまり、

しかし、アンダースコアをダッシュ​​に置き換えようとすると、つまり

構文エラーが発生します:

jQuery.data()メソッドを使用して要素にカスタム データを保存しています。

data-testを使用して格納されているオブジェクトの個々のキーにアクセスできることを知っています

しかし、このように個々のキーを再割り当てしても問題ありませんか? 動作しますが、文書化されていません。次に、ブラウザの開発者ツールを使用して要素を調べると、この場合は古い値、つまり「apple」がまだ表示されます。JSFiddle

更新 - 関連する Q&A が見つかりました (私の主な質問はオブジェクトの個々のキーの割り当てに関するものだったため、実際には重複していません)。

• jQuery Data() API を使用してデータ属性を設定できません
• jQuery $.fn.data() を変更しても、対応する html 5 data-* 属性が更新されないのはなぜですか?
• データ属性値を更新できません: 回答のコメントでの良い議論

問題：

• 仕事関連のプロジェクトに JQuery DataTables v1.10 を使用しています。
• このプロジェクトでは、Datatable を定義し、テーブルの値として渡された解析済みの JSON データを使用して作成する必要があります

• データテーブルが作成されると、各列のすべてのセルに、ポップインを開いてエンドポイントから受信した JSON の名前のリストを渡すクリック イベントが必要です。エンドポイントは、クリックされたテーブル セルに応じて変化します。

• 私は、データ テーブルのインスタンス化時に、各テーブル セル要素で定義された HTML5 データ属性にある種の一意の情報を格納する必要があると思います。カスタム データ属性 (例: data-endpoint = "endpoint id") を宣言したいと思っていましたが、テーブル行が DataTables を介して動的に生成されている場合にそれが可能かどうかはわかりません。

私は自分のオプションが何であるかを知らない/理解していないので、私が理想的にやりたいことを説明したいと思います:

• データテーブルをインスタンス化し、解析済みの JSON データを渡します。
• テーブルのインスタンス化で、各テーブル セル要素にカスタム データ属性を設定します。
• テーブル セルのクリック イベントにアクセスし、正しいデータ属性に格納されている情報を渡して、正しいエンドポイントを取得します。
• エンドポイントから受け取った結果を表示する popin を作成します。

私が理解していない部分は、テーブルのセル要素にカスタム データ属性を作成する方法です。これは可能ですか、それとも別のアプローチを考える必要がありますか。どんな助けでも大歓迎です！

data-xy-* 属性を持つすべての要素を選択する jQuery セレクターを実装しようとしています。完全なデータ属性がわかっている場合、要素を選択する方法を知っています。

$("[data-xy-a]")データ属性を持つすべての要素を教えてくれますdata-xy-a

私の問題は、要素が の代わりに任意の値を持つことができることですa。私は次のようなものが欲しい：

MVC EditorFor フィールドに html5 データ属性を追加するにはどうすればよいですか。次のような属性を追加できることを知っています。

しかし、この要素の正しい html5 構文である data-* 属性で同じことをしたい場合、エラーが発生します! 例：

これは私が受け取っているエラーです

匿名型メンバー宣言子が無効です。匿名型のメンバーは、メンバーの割り当て、単純な名前、またはメンバー アクセスを使用して宣言する必要があります。

名前 'data' は現在のコンテキストに存在しません

名前 'test' は現在のコンテキストに存在しません

jquery の show および hide メソッドを html5 属性で使用しようとしています。

これが私がやろうとしていることです:

html ファイル:

脚本：

jquery を使用して、すべての div を data-location="paris" で非表示にしています。なんでできないのかわからない。ヘルプ？

ドロップダウンリストから選択された属性を持つ要素を表示し、他のすべてを非表示にする必要があります

ここで、7 を選択すると、7 以外のすべての要素を非表示にする必要があります。

jquery hide() を使用してこれを行うにはどうすればよいですか?

注: 同じデータ属性を持つ複数の要素があり、クラス "test" を持つすべての要素を非表示にすることはできません。属性が 7 以外の要素を非表示にする必要があります。