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");
});






