問題タブ [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.
jquery - jqueryで複数のhtml5データ属性を削除
したがって、jquery api は次のように述べています。
jQuery の内部 .data() キャッシュからデータを削除しても、ドキュメント内の HTML5 data- 属性には影響しません。それらを削除するには、.removeAttr() を使用します。
単一のデータ属性を削除しても問題ありません。
問題は、複数のデータ属性を削除するにはどうすればよいですか?
詳細:
出発点は、複数(たとえば.. 60 ) の異なるデータ属性があり、それらすべてを削除したいということです。
好ましい方法は、単語を含むデータ属性のみをターゲットにすること
lorem
です。この場合lorem
、常に最初の単語です。(または、カウントする場合は 2 番目data-
)また、他のすべての属性をそのまま維持したいと思います
jquery - jqueryを使用したカスタムデータ属性に基づくデータのフィルタリング
誰かが次のことを行うためのjqueryコードを手伝ってくれるかどうか疑問に思いました。チェックボックスのリストをフィルタリングしたいドロップダウン選択リスト入力があります。
これが私のhtmlコードがどのように見えるかです
したがって、タウンシップが選択されている場合(05)、data-custom-type="05"のdivのみが表示されます。
これを達成する方法はありますか?もしそうなら、いくつかの助けをいただければ幸いです
jquery - データに基づいて要素を表示および非表示にする-*属性
これはJQueryにとっては些細なことのように思えますが、この関数はフォーム全体を隠しています...誰かが私を正しい方向に向けることができますか?
jquery - jQuery 変数に問題があります
次のような情報を格納するためのデータ属性を含む一連のリスト項目があります。
その情報を使用して、jQuery を使用して挿入されたポップオーバーを設定しています。各リスト項目に対応する変数に情報を保存する必要があります。ポップオーバーをリスト項目に追加してフェードインするために使用.click()
しています。しかし、関数に変数を含めてスコープを制限しようとすると、コードが正しく動作しなくなりました。これが私が持っていたものの大まかな例です:
なぜこれが私が望むように機能しないのかについてのアイデアはありますか?
jquery - jQuery removeAttribute() が機能しない
この質問に対する答えを必死に探していましたが、何も見つかりませんでした。現在、作成中の Web サイトのコードを改善し、,,custom'' 属性から HTML5 data-yyy 属性に切り替えています。今、私の問題です。
次のコードは、特定の li 要素がクリックされたときに発生します。クラスが切り替えられ、切り替えた後 (それは言葉ですか?)、スクリプトはこの要素に切り替えられたクラスがあるかどうかをチェックします。クラスがない場合 (そこに問題があります)、スクリプトは属性 "data-special" を削除し、データを削除する必要があります。これはまったく起こりません!
追加する場合
関数の外では、すべて問題なく、期待どおりに機能します。何か案は?
jquery - 動的Raphaelオブジェクトを参照します
次の問題の解決策を見つけるのに問題があります。その場で作成されたラファエルの形を参考にしたいと思います。Raphael dom.nodeデータでjQueryfind()関数を使用することは可能ですか?
//特定のデータ属性を持つ要素に対してjQueryスタイルのfind()を実行することは可能ですか?
jquery - jQueryはブールデータ属性で選択します
私はこのコード行を持っています:
これにより、このような要素が正しく選択されます
ただし、次のように、大文字と小文字が交互になっている要素は選択されません:(大文字のTに注意してください)
異なるケーシングに複数のセレクターを配置することに加えて、セレクターが正しいブール値を含む要素を返すようにするための良い方法は何ですか(文字列であっても)
参考までに、vlaueを実際のブール値に設定するとMVCアプリケーションが原因で大文字と小文字が区別されます。これは、文字列に変換されるときに大文字になります:(
html - 空の HTML5 データ属性は有効ですか?
指定された要素の下にインライン モーダルを表示する単純な jQuery プラグインを作成したいと思います。私の考えは、スクリプトが要素に指定されたデータ属性に基づいて自動初期化することです。
非常に基本的な例:
data-modal-target
上記の例が有効かどうか、または有効である必要があるかどうか疑問に思っていますdata-modal-target="true"
。私はIE9などよりもひどいものは気にしません.私の唯一の要件は、それが有効なHTML5であることです.
html - HTML5 データ属性に基づくコンテンツのスタイリング
HTML5 の data-* 属性に基づいてコンテンツのスタイルを設定するのは悪い習慣だと読んだことがあります。
html5doctor.com からの引用:
特定のデータ属性の有無は、スタイリングの CSS フックとして使用しないでください。そうすることで、保存しているデータがユーザーにとってすぐに重要であり、よりセマンティックでアクセスしやすい方法でマークアップする必要があることが示唆されます。
誰かがこの声明にもう少し光を当てたり、これがユーザーエクスペリエンスに悪影響を与える可能性がある理由の例を挙げたりできますか?
非常に基本的な例として、data-attribute-error="404"
スクリプトにフィードバックを提供するために on 要素を使用しているとします。補足的なスタイリングのために各要素に 、 などのクラスを追加する必要error-404
はerror-500
ありません。
これはおそらく最良の例ではなく、ブラウザーのサポートについては心配していません。全体的な概念をよりよく理解しようとしています。
CSS3 とカスタム属性を使用して、コンテンツに基づいてスタイルを設定し、コンテンツに基づかない純粋なスタイリングを処理するために「実際の」クラスをより一般的に保ちながら、多くのクールなことができるようです。
これは特定の状況で無視できる単なる一般的なガイドラインですか、それとも恐ろしいクライアント側の罪ですか?
ありがとう!
jquery - tinysort と data 属性でソート
tinysortを使用して、データ属性に基づいてリストをソートしようとしています。
最初のリスト:
そして、tinysort への呼び出し:
私は何か間違ったことをしているに違いありませんが、何がわかりません...