jQuery-Selektor: Detaillierte Erläuterung der Verwendung von Last-Child

Übersicht

Entspricht dem letzten untergeordneten Element

':last' stimmt nur mit einem Element überein, während dieser Selektor mit einem untergeordneten Element für jedes übergeordnete Element übereinstimmt

Beispiel

Beschreibung:

Finden Sie das letzte Li in jedem ul

HTML-Code:

<ul>
<li>John</li> 
<li>Karl</li> 
<li>Brandon</li> 
</ul> 
<ul> 
<li>Glen</li> 
<li>Tane</li> 
<li>Ralph</li> 
</ul>

jQuery-Code:

$("ul li:last-child")

Ergebnis:

[ <li>Brandon</li>, <li>Ralph</li> ]

Dieser Selektor entspricht dem letzten untergeordneten Element des übergeordneten Elements.

Hinweis: last wählt nur ein Element aus und dieser Selektor stimmt mit dem letzten untergeordneten Element jedes übergeordneten Elements überein.
Grammatikstruktur:

$(":last-child")

Dieser Selektor wird im Allgemeinen in Verbindung mit anderen Selektoren verwendet, z. B. Klassenselektor, Elementselektor usw. . Beispiel:

$("li:last-child").css("color","blue")

Der obige Code kann die Schriftfarbe im letzten li-Element unter dem übergeordneten Element auf Blau setzen.

Hinweis: Das Konzept muss in Kombination mit dem obigen Code erläutert werden. Das hier erwähnte übergeordnete Element ist nicht li, sondern das übergeordnete Element von li. Viele Leute denken oft fälschlicherweise, dass es mit dem letzten Element unter den untergeordneten Elementen des li-Elements übereinstimmt.

Beispielcode:

  

    
ASP教程
    
ASP.NET教程
    
PHP教程
  
  

    
html教程
    
DIV+CSS教程
    
jQUERY教程
    
jAVAScript教程
  

点击查看效果

Das obige ist der detaillierte Inhalt vonjQuery-Selektor: Detaillierte Erläuterung der Verwendung von Last-Child. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!