首頁 >web前端 >js教程 >jquery :first-child選擇器在這種情況下為什麼會無效呢?

jquery :first-child選擇器在這種情況下為什麼會無效呢?

黄舟
黄舟原創
2017-06-23 14:32:401704瀏覽

為什麼多了那個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選擇器在這種情況下為什麼會無效呢?

first-child只會遍歷到第一個子元素

#因為第一個div裡,沒有第一個且p的元素

$("div > p").first()

但是選擇的是p標籤,不是h2啊?

$("div > p").first()

不行。只有A有效果,D和G沒有效果。

nth-of-type

以上是jquery :first-child選擇器在這種情況下為什麼會無效呢?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn