javascript - 如何让我的 jquery 代码变得简单？

Question

我想更改 ul 的 li 文本，所以我编写如下代码:

  $("#ul li:first").text("0");
  $("#ul li:eq(1)").text("1");
  $("#ul li:last").text("2");

我想我可以先获取jquery对象，这样我就不需要访问3次ul了，所以我就这样写了，但似乎失败了。

  var $ul=$("#ul");
  $ul("li:first").text("0");
  $ul("li:eq(1)").text("1");
  $ul("li:last").text("2");

我更改了代码，但仍然错误。

  var $ulli=$("#ul li");
  $ulli(":first").text("0");
  $ulli(":eq(1)").text("1");
  $ulli(":last").text("2");

Answer 1

当您必须像这里一样以批处理模式处理对象时，jQuery 非常有用。因此，一种自然的 jQuery 方法可以实现您想要的功能:

$("#ul li").text(function(i) { return i; });