問題タブ [custom-data-attribute]

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 に答える
727495 参照

javascript - HTML5を使用したカスタムデータ属性のjQueryセレクター

HTML5に付属するこれらのデータ属性に使用できるセレクターを知りたいのですが。

このHTMLを例にとると、次のようになります。

取得するセレクターはありますか?

  • data-company="Microsoft"以下のすべての要素"Companies"
  • data-company!="Microsoft"以下のすべての要素"Companies"
  • 他の場合には、「含む、より小さい、より大きいなど...」のような他のセレクターを使用することが可能です。
0 投票する
6 に答える
2946 参照

html - XHTML1.0Strictのカスタムデータ

私はjqueryのもののために、私のhtmlでいくつかのカスタム属性を使用します。HTML5には属性があるのを見ましたがdata-XYZ、xhtml1.0に厳密である必要があります。他にどのようなオプションがありますか?

0 投票する
9 に答える
1444566 参照

jquery - jQueryは、データ属性値に基づいて要素を見つける方法を教えてください。

次のシナリオがあります。

<li>また、ページにはそれぞれdata-slide=number属性を持つ5があります(番号はそれぞれ1、2、3、4、5です)

var current = $('ul').data(current);スライドが変更されるたびにマップされ、更新される現在アクティブなスライド番号を見つける必要があります。

これまでのところ、現在のスライドに一致するセレクターを作成しようとして、私の試みは失敗しました。

何も一致/返さない…</p>

パーツをハードコーディングできない理由liは、これがユーザーがアクセスできる変数であり、必要に応じて別の要素に変更できるため、常にであるとは限らないためliです。

私が欠けているものについて何かアイデアはありますか?

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

jquery - jQuery 1.4.4:データ属性値に基づいて要素を見つける方法は?

これはかなり簡単な作業だと思いますが、Firefox for Mac 3.6.12 を使用すると、次のように動作しません。

Firebug を使用すると、数値を含むすべてのデータ スライド属性がlis に正しく関連付けられ、ログアウトされていることがわかります。

期待どおりの出力:

では、なぜ最初の方法が機能しconsole.logないのでしょうか。

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

jquery - jQueryテンプレートを介してレンダリングされたDOMノードへのデータのバインド

jQueryの新しいテンプレートプラグインを使用してテーブル行のセットにレンダリングしているJSONデータのセットがあります。データの1つは、データ属性としてテーブル行にレンダリングしているファイル名です。

これは、後日取得するときにほとんど正常に機能しますが、特定のファイル名のエスケープされていないアポストロフィから発生しているように見えるエラーが発生します。これを回避するために、最初にデータをjQueryデータオブジェクトとしてテーブル行に対して保存し、DOMを完全に回避することに移行したいと思います。現在のjQueryテンプレートプラグインでこれを行う方法はありますか?

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

ruby-on-rails - カスタムHTML属性にはカスタムヘルパーが必要ですか?

入力にいくつかのカスタムデータ属性を持つフォームを作成しようとしています。

これは、jqueryを使用してフロントエンドに簡単にアクセスするためのすてきなクリーンな方法のように見えました(笑!):

問題は、Rails(3.0.3)で属性をレンダリングできないことです。

私は無駄に多くの順列を試しましたが、これを行う方法の例を見つけることができません。text_fieldカスタム属性をサポートするためにヘルパーを変更する必要がありますか?

0 投票する
16 に答える
1941792 参照

javascript - data-id 属性を取得するにはどうすればよいですか?

jQuery Quicksandプラグインを使用しています。クリックされたアイテムのデータ ID を取得し、それを Web サービスに渡す必要があります。

data-id 属性を取得するにはどうすればよいですか? メソッドを使用して、.on()並べ替えられたアイテムのクリック イベントを再バインドしています。

0 投票する
6 に答える
371375 参照

css - CSSの属性で要素を選択します

HTML5データ属性(たとえばdata-role)によってCSSの要素を選択することは可能ですか?

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

asp.net-mvc - JSON シリアライゼーション、ダッシュを含むキーを返す?

匿名型から生成され、キー名にダッシュが含まれているコントローラーから JSON を返したいと思います。これは可能ですか?

だから私はこれを持っている場合:

クライアント側では、次のようにシリアル化されて到着することを望みます:

これが必要な理由は、この Json データが最終的に DOM ノードの属性になるためです。新しい HTML5 データ属性をうまく使いたいと思っています。そのまま返し{ modifieddate: "3/17/2011" }て使うこともできますが、もう少し規格に合わせられるようになればいいなと思います。

JsonResult非匿名型で WCF JSON シリアライザーを使用する独自のクラスを作成する場合、 を使用しDataMemberAttributeてこれを達成できることを理解しています。しかし、そのような単純な欲求に対しては、多くのオーバーヘッドが生じます。

データを受信したら、クライアントにキーをマッサージさせることもできますが、それも避けたいと思っています。全体として、これらの回避策のいずれかよりも、標準に従わない方がよいでしょう。

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

html - オブジェクトタグのデータ属性をパーセントエンコードする必要がありますか?

私のWebアプリケーションが次のタグをレンダリングするとします。

属性をエスケープする必要がdataありますか(パーセントエンコードされたパス)、またはしませんか?私の例ではそうです。仕様が見つかりません。

補遺

data実際、属性を消費するブラウザプラグインがそこで何を期待すべきかについての仕様に興味があります。たとえば、Adobe Acrobatプラグインは、エスケープされたuriとエスケープされていないuriの両方を取ります。ただし、QWebPluginFactoryは、属性を人間が読み取れるURI(エスケープされていない)として扱いdata、それにより2パーセントのエンコードが発生します。そして、それがバグなのかどうか疑問に思いQWebPluginFactoryます。