jquery最后一个元素

jQuery 获取最后一个元素的方法

使用 jQuery 选择器结合 :last 伪类选择器可以轻松获取最后一个元素。语法如下：

$("selector:last")

示例代码

假设有一个包含多个 <li> 元素的列表，获取最后一个 <li> 元素：

var lastLi = $("li:last");
lastLi.css("color", "red"); // 将最后一个 li 元素的文字颜色设置为红色

替代方法：.last()

jQuery 还提供了 .last() 方法，功能与 :last 选择器相同，但更符合链式调用的习惯：

var lastLi = $("li").last();
lastLi.css("font-weight", "bold"); // 将最后一个 li 元素的文字加粗

注意事项

• :last 选择器和 .last() 方法仅匹配一个元素，即集合中的最后一个。
• 如果选择器未匹配到任何元素，返回的 jQuery 对象为空，不会报错。
• 对于动态生成的元素，确保在 DOM 加载完成后执行操作，可以使用 $(document).ready() 或简写的 $()。

动态内容的处理

如果内容是动态加载的（例如通过 AJAX），需要在内容加载完成后重新获取最后一个元素：

$(document).ajaxComplete(function() {
  var lastItem = $(".dynamic-item:last");
  lastItem.addClass("highlight");
});