简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

jquery: この場合、最初の子セレクターが無効なのはなぜですか?

黄舟
リリース： 2017-06-23 14:32:40
オリジナル
1692 人が閲覧しました

h2 タグが追加されている場合、jQuery の first-child が有効にならないのはなぜですか?下の写真を参照してください。ありがとうございます

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js">
</script>
<script type="text/javascript"> $(document).ready(function(){
$(&#39;div p:first-child&#39;).css(&#39;backgroundColor&#39;, &#39;#555&#39;);
});
</script>	
</head>
<body>
<html>
<div>
    <h2>hello</h2>
    <p>A</p>
    <p>B</p>
    <p>C</p>
    </div>
    <div>
    <p>D</p>
    <p>E</p>
    <p>F</p></div>
    <div>
    <p>G</p>
    <p>H</p>
    <p>I</p>
    </div>
    </body>
    </html>
ログイン後にコピー

jquery: この場合、最初の子セレクターが無効なのはなぜですか?

first-childは、最初の子要素にのみトラバースします

最初のdivにはfirst要素とp要素がないためです

$("div > p").first()
ログイン後にコピー

でも、h2ではなくpタグが選択されていますね？

えー

いいえ。 A のみが効果を持ち、D と G は効果がありません。

りー

以上がjquery: この場合、最初の子セレクターが無効なのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
jquery なぜ セレクタ
ソース：php.cn
前の記事：jQuery: 最初の子セレクターの使用に関する問題 次の記事：jQuery :first セレクター、:first-child セレクター、first() の違い
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
グリッドを使用してこの特定のデザインを作成する: ステップバイステップ ガイド この画像に似たレイアウトを作成しようとしています。このグリッドを使用してみましたが、実現できません。 <ulclass="container">&l...
から 2024-04-06 20:29:08
0
2
492
3 レベル階層のカスタム分類を使用して woocommerce 関連製品を選択します 「スポーツ」というカスタム分類を持つ woocommerce ストアがあります。分類には、親、子、子という 3 つのレベルがあります。たとえば、屋内スポーツ > アリーナ ス...
から 2024-04-06 20:05:30
0
1
544
CSS セレクターを使用して、特定の属性またはタグを含む div 要素をターゲットにする方法は? 私はウェブサイトを生成する POS システムに取り組んでいます。コードのほとんどは独自仕様なので、あまり編集できません。いくつかの画像がカテゴリーとしてフローティングされたカテゴリ...
から 2024-04-03 22:25:59
0
1
277
ラジオボタングループが必要かどうかを確認する方法 すべての入力で必須の属性が指定されていない可能性がある動的ラジオ ボタン グループがあります。 <formname="myform"><inp...
から 2024-04-03 16:23:29
0
1
306
PHP: ユーザー入力内の (予期しない) 配列の処理 最近、(文字列ではなく)「予期しない」配列を含む変数を送信すると、致命的なエラーやその他の望ましくない動作が発生する可能性があることを発見しました。例: 次の配列があります: $l...
から 2024-04-01 17:56:37
0
1
396
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！