English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery :last 选择器

Selezionatori jQuer

:last选择器选择最后匹配的元素。

这通常与另一个选择器一起使用,以选择组中的最后一个元素(如以下示例中所示)。

注意:: last选择器只能选择一个元素。

使用:last-child选择器来选取属于其父元素的最后一个子元素。

Sintassi:

$(":last")

Esempio

Seleziona l'ultimo paragrafo:

$(document).ready(function(){
  $("p:last").css("background", "coral");
});
Prova a vedere‹/›

Seleziona l'ultimo elemento della lista:

$(document).ready(function(){
  $("li:last").css("background", "coral");
});
Prova a vedere‹/›

Seleziona l'ultima riga della tabella:

$(document).ready(function(){
  $("tr:last").css("background", "coral");
});
Prova a vedere‹/›

Mostra: la differenza tra i selettori :last e :last-child

$(document).ready(function(){
  $("#btn1").click(function(){
    $("p:last").css("background-color", "coral");
  });
  $("#btn2").click(function(){
    $("p:last-child").css("background-color", "lightgreen");
  });
});
Prova a vedere‹/›

Selezionatori jQuer