為什麼多了那個h2標籤,jQuery中的first-child就無法生效呢?見下圖所示。謝謝了
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $('div p:first-child').css('backgroundColor', '#555'); }); </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>
first-child只會遍歷到第一個子元素
#因為第一個div裡,沒有第一個且p的元素
$("div > p").first()
但是選擇的是p標籤,不是h2啊?
$("div > p").first()
不行。只有A有效果,D和G沒有效果。
nth-of-type
以上是jquery :first-child選擇器在這種情況下為什麼會無效呢?的詳細內容。更多資訊請關注PHP中文網其他相關文章!