jQuery | last() 示例

在 jQuery 中，last() 方法被用于选择集合中的最后一个元素。在这篇文章中，我们将介绍 last() 方法的用法和一些示例。

语法

$(selector).last()

其中 $() 是 jQuery 的选择器函数，selector 是选择器表达式，用于选择要操作的元素。

示例

假设我们有一些 HTML 代码：

<ul>
  <li>第一个</li>
  <li>第二个</li>
  <li>第三个</li>
  <li>最后一个</li>
</ul>

我们可以使用 jQuery 来选择最后一个 <li> 元素：

$("li").last().css("background-color", "yellow");

这样就会使得最后一个 <li> 元素的背景色变为黄色。

我们也可以使用 last() 方法来选择某个元素的最后一个子元素。例如：

$("#myList li").last().css("color", "red");

这样就会使得 id 为 myList 的元素中最后一个 <li> 元素的颜色变为红色。

我们还可以使用 last() 方法来配合其他选择器使用。例如：

$("li:last-child").css("font-weight", "bold");

这样就会使得页面中的最后一个 <li> 元素加粗。

注意事项

• 如果选择器匹配的元素集合为空，则 last() 方法返回一个空集合。

• 如果想要选择倒数第二个元素，可以使用 eq() 方法并传入 -2 作为参数。例如：

  $("li").eq(-2).css("background-color", "gray");
  

  这样就会选择倒数第二个 <li> 元素并将其背景色变为灰色。

结论

last() 方法用于选择集合中的最后一个元素，可以和其他选择器一起使用。使用 last() 方法可以方便地找到元素集合的最后一个元素，并对其进行操作。