Jquery 用于更改最后一个li元素内容的跨浏览器解决方案

我有以下未排序的列表结构

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

咖啡
茶
牛奶

现在，我需要用酪乳代替牛奶，我该如何使用jQuery呢？ 我需要一个解决方案，它适用于所有浏览器，从IE7+开始使用选择器

$('ul').find('li:last').html('Buttermilk');

使用选择器

来自jQuery api文档：

：last

通过过滤当前jQuery集合并匹配其中的最后一个元素来选择单个元素

当使用

.html（）

设置元素的内容时，该元素中的任何内容都将被新内容完全替换

来自jQuery api文档：

：last

通过过滤当前jQuery集合并匹配其中的最后一个元素来选择单个元素

当使用

.html（）

设置元素的内容时，该元素中的任何内容都会被新内容完全替换。

是否有原因（个人偏好除外）不将选择器折叠到第一部分（

$（'li:last'）。text（'Buttermilk'）

）文档中有：“要在使用：last选择元素时获得最佳性能，请首先使用纯CSS选择器选择元素，然后使用.filter（“：last”）“您没有将选择器折叠到第一部分（

$（'li:last'）。text（'Buttermilk'）

）中是否有原因（个人偏好除外）：要在使用：last选择元素时获得最佳性能，请首先使用纯CSS选择器选择元素，然后使用.filter（“：last”）”

$("ul li:last").html("Buttermilk");

$('li').filter(':last').text('Buttermilk')

$('li:last').html('Buttermilk');