問題タブ [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.
javascript - HTML5を使用したカスタムデータ属性のjQueryセレクター
HTML5に付属するこれらのデータ属性に使用できるセレクターを知りたいのですが。
このHTMLを例にとると、次のようになります。
取得するセレクターはありますか?
data-company="Microsoft"
以下のすべての要素"Companies"
data-company!="Microsoft"
以下のすべての要素"Companies"
- 他の場合には、「含む、より小さい、より大きいなど...」のような他のセレクターを使用することが可能です。
html - XHTML1.0Strictのカスタムデータ
私はjqueryのもののために、私のhtmlでいくつかのカスタム属性を使用します。HTML5には属性があるのを見ましたがdata-XYZ
、xhtml1.0に厳密である必要があります。他にどのようなオプションがありますか?
jquery - jQueryは、データ属性値に基づいて要素を見つける方法を教えてください。
次のシナリオがあります。
<li>
また、ページにはそれぞれdata-slide=number
属性を持つ5があります(番号はそれぞれ1、2、3、4、5です)。
var current = $('ul').data(current);
スライドが変更されるたびにマップされ、更新される現在アクティブなスライド番号を見つける必要があります。
これまでのところ、現在のスライドに一致するセレクターを作成しようとして、私の試みは失敗しました。
何も一致/返さない…</p>
パーツをハードコーディングできない理由li
は、これがユーザーがアクセスできる変数であり、必要に応じて別の要素に変更できるため、常にであるとは限らないためli
です。
私が欠けているものについて何かアイデアはありますか?
jquery - jQuery 1.4.4:データ属性値に基づいて要素を見つける方法は?
これはかなり簡単な作業だと思いますが、Firefox for Mac 3.6.12 を使用すると、次のように動作しません。
Firebug を使用すると、数値を含むすべてのデータ スライド属性がli
s に正しく関連付けられ、ログアウトされていることがわかります。
期待どおりの出力:
では、なぜ最初の方法が機能しconsole.log
ないのでしょうか。
jquery - jQueryテンプレートを介してレンダリングされたDOMノードへのデータのバインド
jQueryの新しいテンプレートプラグインを使用してテーブル行のセットにレンダリングしているJSONデータのセットがあります。データの1つは、データ属性としてテーブル行にレンダリングしているファイル名です。
これは、後日取得するときにほとんど正常に機能しますが、特定のファイル名のエスケープされていないアポストロフィから発生しているように見えるエラーが発生します。これを回避するために、最初にデータをjQueryデータオブジェクトとしてテーブル行に対して保存し、DOMを完全に回避することに移行したいと思います。現在のjQueryテンプレートプラグインでこれを行う方法はありますか?
ruby-on-rails - カスタムHTML属性にはカスタムヘルパーが必要ですか?
入力にいくつかのカスタムデータ属性を持つフォームを作成しようとしています。
これは、jqueryを使用してフロントエンドに簡単にアクセスするためのすてきなクリーンな方法のように見えました(笑!):
問題は、Rails(3.0.3)で属性をレンダリングできないことです。
私は無駄に多くの順列を試しましたが、これを行う方法の例を見つけることができません。text_field
カスタム属性をサポートするためにヘルパーを変更する必要がありますか?
javascript - data-id 属性を取得するにはどうすればよいですか?
jQuery Quicksandプラグインを使用しています。クリックされたアイテムのデータ ID を取得し、それを Web サービスに渡す必要があります。
data-id 属性を取得するにはどうすればよいですか? メソッドを使用して、.on()
並べ替えられたアイテムのクリック イベントを再バインドしています。
css - CSSの属性で要素を選択します
HTML5データ属性(たとえばdata-role
)によってCSSの要素を選択することは可能ですか?
asp.net-mvc - JSON シリアライゼーション、ダッシュを含むキーを返す?
匿名型から生成され、キー名にダッシュが含まれているコントローラーから JSON を返したいと思います。これは可能ですか?
だから私はこれを持っている場合:
クライアント側では、次のようにシリアル化されて到着することを望みます:
これが必要な理由は、この Json データが最終的に DOM ノードの属性になるためです。新しい HTML5 データ属性をうまく使いたいと思っています。そのまま返し{ modifieddate: "3/17/2011" }
て使うこともできますが、もう少し規格に合わせられるようになればいいなと思います。
JsonResult
非匿名型で WCF JSON シリアライザーを使用する独自のクラスを作成する場合、 を使用しDataMemberAttribute
てこれを達成できることを理解しています。しかし、そのような単純な欲求に対しては、多くのオーバーヘッドが生じます。
データを受信したら、クライアントにキーをマッサージさせることもできますが、それも避けたいと思っています。全体として、これらの回避策のいずれかよりも、標準に従わない方がよいでしょう。
html - オブジェクトタグのデータ属性をパーセントエンコードする必要がありますか?
私のWebアプリケーションが次のタグをレンダリングするとします。
属性をエスケープする必要がdata
ありますか(パーセントエンコードされたパス)、またはしませんか?私の例ではそうです。仕様が見つかりません。
補遺
data
実際、属性を消費するブラウザプラグインがそこで何を期待すべきかについての仕様に興味があります。たとえば、Adobe Acrobatプラグインは、エスケープされたuriとエスケープされていないuriの両方を取ります。ただし、QWebPluginFactoryは、属性を人間が読み取れるURI(エスケープされていない)として扱いdata
、それにより2パーセントのエンコードが発生します。そして、それがバグなのかどうか疑問に思いQWebPluginFactory
ます。