問題タブ [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.

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

jquery - jQueryを使用してdivを非表示にしてから表示する

いくつかのdivをslideUpしてから、1 divをslideDownしたい。ただし、いくつか問題があります。

このコードでは、divDocumentは表示されますが、 divLocationは表示されません。divDocumentがまだ非表示になっていない場合でも、 divLocationは既に非表示になっているため、doStuff()イベントがすぐに発生します。

このコードは、divDocumentが完全に非表示になるまで待ってからdoStuff()を呼び出すため、正常に機能します。ここで間違った複数要素セレクターを使用していますか? 私は何か他のことを間違っていますか?

0 投票する
3 に答える
621 参照

jquery - 親がチェックボックスかどうかを確認する

「これ」がチェックボックスかどうかを確認するにはどうすればよいですか?

これは、それが選択ボックスかどうかを確認する方法です

チェックボックスであるかどうかを確認できますか?だから私はこれを試しました:

しかし、構文エラーが発生します。どんな助けでも大歓迎です。

0 投票する
4 に答える
42435 参照

javascript - jQuery でのセレクターの連鎖

私は mootools のセレクターの連鎖方法に慣れていて、jQuery で同じことを行う方法がどこにも見つからないようです。変数に選択要素があるとしselectObjます。私が必要とするのは、その選択の最後のオプションを取得することです。mootools では、次のようなことを行います。

私は似たようなことをすることができますか、それともoptionjQueryでそれを最後にする方法は何ですか?

PS。親 > 子セレクターについては知っていますが、select. 結果の要素しかありません。

0 投票する
4 に答える
1382 参照

html - 内部にあるものに応じて要素をターゲットにする方法はありますか?

私のページには、カスタム スタイルのハイパーリンクがあり、ハイパーリンクされた画像もたくさんあります。画像のみを含むハイパーリンクにこれらのカスタム スタイルを表示したくありません。ハイパーリンクされた各画像に個別のクラス (つまり「nostyle」) を追加する代わりに、スタイルシートからハイパーリンクされた画像を対象にすることはできますか?

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

jquery - 内部にネストされた2つの画像のいずれかを参照します
jQueryを使用する

私のDOMは次のようになります。

1番目または場合によっては2番目のimgのソースを変更する必要があります。

私はjQueryを使用していますが、セレクターのハンドルはまだありません。

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

css - CSSで複数のクラスを持つ要素を照会する方法はありますか?

同時に 2 つのクラスを持つ要素を照会するにはどうすればよいですか?

例えば:

「メジャー」クラスと「マイナー」クラスを持つすべてのスパンを同時にスタイルしたいと考えています。

0 投票する
8 に答える
66999 参照

css - CSS セレクターではない

ある種の「ない」CSSセレクターはありますか?

たとえば、CSS に次の行を記述すると、クラスclassnameを持つタグ内のすべての入力フィールドの背景が赤になります。

クラスclassnameのタグの外側にあるすべての入力フィールドを選択するにはどうすればよいですか?

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

javascript - 直接の子のみを対象とし、他の同一の子孫を対象としない CSS セレクター

アイテムを動的に追加または削除でき、n レベルの深さでネストできる、ネストされた並べ替え可能なリストがあります。ネストすると、親として選択された li 要素に新しい ul 要素が挿入されます。リストの初期状態は次のようなものです。

MooTools を使用して並べ替えなどを行っていますが、正常に動作しますが、並べ替え時に位置テキストを正しくリセットするのに問題があります。私が使用しようとしているすべての CSS セレクターには、リストに属し、サブリストに属していない li 要素だけでなく、すべての子も含まれています。id、位置、およびテキストを除いて、すべてのリストの各 li 要素が他のすべての要素と同一であると仮定します。直接の子のみを取得するセレクターはありますか? これを行う別の方法はありますか?

言及されているようないくつかの子セレクターを試しました:

  • ul > li直接の子だけでなく、ul の子であるすべてのli 要素を選択します。
  • #parent > li上記と同じことを行います。

これは、アイテムがドロップされたときに現在実行している関数です。これは、並べ替えを処理せず、位置を更新するだけで正常に機能します。これは MooTools の構文でもあることに注意してください。

現在、メイン レベルでアイテムの順序を変更すると、サブリストも含めてすべて 1 ~ 12 の番号が付け直されます。サブリストの項目を変更すると、そのリストに正しい番号が付けられますが、親リストが番号付けですべての子 li 要素を誤ってカウントする原因になります。

これは醜いハックのように感じますが、うまくいきます:

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

javascript - jQueryは他のすべての画像をフェードします

jQuery を使用してこのコードを作成し、画像をフェードさせ (ただし、マウスを上に移動したものではありません)、すべての画像が同時にフェードします!

誰かが私がマウスをポイントしたものを除く他のすべての画像をフェードするのを手伝ってくれませんか?

0 投票する
3 に答える
6174 参照

firefox - FirefoxのCSS3「nth-child」サポート?

css3.infoのセレクターテストによると、Firefox3.0はn番目の子セレクターのいくつかの順列をサポートしています。ただし、ここに示されているコード(#30)は私には機能しません。

空の段落が選択されるはずなので、コードを次のように編集しましたが、Firefoxでは表示されません(Operaで動作します)。

これはテストのバグですか、それともどこかでエラーが発生しましたか?