問題タブ [css-selectors]
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とプロトタイプセレクターの狂気
jQueryライブラリとPrototpyeJavaScriptライブラリはどちらも、ハードコードされた番号を受け入れますが、変数を使用してインデックス番号でリストアイテム要素を選択することを許可していません。
たとえば、プロトタイプではこれは機能します。
しかし、これは、変数を数値または整数としてキャストしようとしても機能しません。
jQueryでも同様の奇妙さがあります。これは機能します:
ただし、currentPageの値が5で、そのタイプがnumberであっても、これは再び機能しません。
JavaScriptページ付けシステムを作成しようとしていますが、アクティブなページボタンでクラスを設定する必要があります。リストアイテムの要素は、必要なページ数に応じて動的に作成されます。
javascript - jQueryはクラスではなくCSSルールで選択できますか?
A.container
には多くの を含めることができ.components
、.components
それ自体に含めることができます.containers
(これには .components などを含めることができます)。
次のようなコードが与えられた場合:
CSS が に設定され.containers
ているネストされたもののみを選択するには、中括弧内の行に何を追加する必要がありますか? 簡単なことだとは思いますが、jQuery はあまり使ったことがありません。width
auto
css - アクティブな子の親のための複雑なCSSセレクター
クラス内の子要素のクラスに基づいて親要素を選択する方法はありますか?http://drupal.orgの素敵なメニュープラグインによるHTML出力に関連する私に関連する例。出力は次のようにレンダリングされます。
私の質問は、アクティブなクラスを持つアンカーを含むリストアイテムにスタイルを適用できるかどうかです。明らかに、リストアイテムをアクティブとしてマークすることをお勧めしますが、生成されるコードを制御することはできません。javascriptを使用してこの種のことを実行できますが(JQueryが頭に浮かびます)、CSSセレクターを使用してこれを実行する方法があるかどうか疑問に思いました。
明確にするために、アンカーではなく、リストアイテムにスタイルを適用したいと思います。
javascript - jQueryセレクターのパフォーマンスを向上させる良い方法は?
jQuery 呼び出しのセレクターのパフォーマンスを向上させる方法を探しています。具体的には次のようなものです。
$("div.myclass")
よりも速い$(".myclass")
私はそうかもしれないと思いますが、jQueryが最初にタグ名で検索を制限するほどスマートかどうかはわかりません.
css - 正規表現を使用した CSS2 属性セレクター
CSS 属性セレクターを使用すると、属性値に基づいて要素を選択できます。残念ながら、私は何年もそれらを使用していません (主な理由は、最新のすべてのブラウザーでサポートされていないためです)。ただし、次のようなコードを使用して、すべての外部リンクをアイコンで装飾するためにそれらを使用できたことをはっきりと覚えています。
上記のコードは機能しません。私の質問は次のとおりです。どのように機能しますか? 属性が で始まるすべての<a>
タグを選択するにはどうすればよいですか? 公式の CSS 仕様 (上記のリンク) では、これが可能であるとは言及されていません。しかし、私はこれをしたことを覚えています。href
"http"
(注: 明らかな解決策はclass
、区別のために属性を使用することです。私は HTML コードの作成方法にほとんど影響を与えないため、これを避けたいと考えています。私が編集できるのは CSS コードだけです。)
css - CSSでリストの最後の項目を選択する方法はありますか?
次のようなリストがあるとします。
- アイテム1
- アイテム2
- アイテム3
リストの最後の項目を直接選択できる CSS セレクターはありますか? この場合、項目 3.
乾杯!
jquery - JQueryの「後」セレクターの使用方法
私はこれを行うための良い方法を理解できないようですが、それは単純なはずです。やりたい要素がありappend a div
ます。次に、クローンを作成してその中間divに押し込みたい別の要素があります。これが私がやりたかったことです:
これは近いようですが、完全にはありません。これに伴う問題は、「追加」が元の#somediv > ul
セレクターで動作しているように見えることです。この種のことは理にかなっていますが、それは私が望んでいたことではありません。で追加した中間divを最も効率的に選択し、after
それに入れるにはどうすればよい#someotherdiv
ですか?
jquery - 4 つの div のうち、表示されている div を見つけます
jQuery を使用して、4 つの可能な div からどの div が表示されているかを把握する必要があります。一度に表示されるのは、これらの div の 1 つだけです。
これは私がこれまでのところうまくいくものです:
これをリファクタリングする方法はありますか?これを理解する簡単な方法はありますか?
css - CSS セレクターの要素 ID でのコロンの処理
JSF は、入力フィールドの ID を に設定していますsearch_form:expression
。その要素に何らかのスタイルを指定する必要がありますが、そのコロンはブラウザにとって疑似要素の始まりのように見えるため、無効とマークされて無視されます。とにかくコロンか何かをエスケープする方法はありますか?
java - サーバー側の CSS セレクター
動的に生成された XHTML をチェックし、予想されるコンテンツに対して検証するツールを作成しています。
構造が正しいこと、および特定の属性が存在する/一致することを確認する必要があります。私が興味を持っていない他の属性があるかもしれないので、直接の文字列比較は適していません。
これを検証する 1 つの方法は XPath を使用することです。私はこれを既に実装していますが、もう少し冗長なものを希望します - jQuery のように CSS セレクターを使用できるようにしたいのですが、サーバー上で - CFML コード内で -クライアントとは対照的に。
XHTML 文字列に対して CSS セレクターを使用できる CFML または Java ライブラリはありますか?