Warum wird das erste untergeordnete Element in jQuery nicht wirksam, wenn es ein zusätzliches h2-Tag gibt? Siehe Bild unten. Vielen Dank
<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>
Das erste Kind wechselt nur zum ersten untergeordneten Element
, da es kein erstes Element gibt und das Element p
ist$("div > p").first(), aber das p-Tag ist ausgewählt, nicht h2?
$("div > p").first()Nein. Nur A hat eine Wirkung, D und G haben keine Wirkung.
nth-of-type
Das obige ist der detaillierte Inhalt vonjquery: Warum ist der First-Child-Selektor in diesem Fall ungültig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
