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

Question

我有以下无序列表结构

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

现在，我需要用Buttermilk代替Milk，我怎么能用jQuery ofcourse呢？ 我需要解决方案，适用于所有浏览器，从IE7 +

开始

Answer 1

使用:last选择器

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

Answer 2

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

Answer 3

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

http://jsfiddle.net/jasongennaro/3duZK/

来自jQuery api文档：

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

当.html()用于设置元素的内容时，该元素中的所有内容都将被新内容完全替换。

Answer 4

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