jQuery: Probleme bei der Verwendung des First-Child-Selektors

Verwendungsprobleme von :first-child in jQuery

<ul>
<li>Test1<li>
<li>aaaaa<li>
<li>bbbbb<li>
</ul>

<ul>
<li>Test2<li>
<li>ccccc<li>
<li>ddddd<li>
</ul>

Verwenden Sie first-child, um das ff6d136ddc5fdfeffaf53ff6ee95f185 zu entfernen ;-Elemente, die Verwendung zuerst wird nicht funktionieren. klar?

In der Filterauswahl für untergeordnete Elemente von jQuery müssen Sie auf die Verwendung von :first-child achten. Das Beispiel im Dokument wird wie folgt verwendet:

$("ul li:first-child").addClass("highlight");

Die implementierte Funktion besteht darin, das erste li-Element unter allen uls abzurufen, was sich von :first unterscheidet.

$("ul li:first").addClass("highlight");

: first erhält nur das erste li in einer ul, vorausgesetzt, es gibt 2 ul-Listen auf der Seite.

Für:

$("ul li:first-child").addClass("highlight");

Sie können eine andere Schreibweise verwenden, mit dem gleichen Effekt. Natürlich denke ich, dass Letzteres einfacher zu verstehen ist, weil es das Erste auswählt child under ul Element:
$("ul :first-child").addClass("highlight");
Sie müssen auf die Leerzeichen in den obigen Beispielen achten.

$(function(){
  //$("ul li:first-child").addClass("highlight");
  //$("ul :first-child").addClass("highlight"); //和上面效果一样 注意空格
  $("ul :nth-child(2n)").addClass("highlight");
  //$(".one .mini:nth-child(2)").addClass("highlight"); //和下面一样效果
  //$(".one :nth-child(2)").addClass("highlight");
 
  //$(".one .mini:last-child").addClass("highlight"); //和下面一样效果
  $(".one :last-child)").addClass("highlight");
});

Das obige ist der detaillierte Inhalt vonjQuery: Probleme bei der Verwendung des First-Child-Selektors. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!