如何使我的jquery代码简单

Question

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

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

我认为我可以先获得jquery对象，这样我就不需要访问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; });

Answer 2

使用jquery的方法。

$ul.find("li:first")

Answer 3

您尝试使用jQuery对象作为函数，但您需要jQuery对象的方法。试着这样做:$ul.find(<selector>)

Answer 4

您可以使用>选择器$("#testing > li")选择ul中的所有li。使用each()函数遍历所有li的

var i = 0;
$("ul > li").each(function (index, value) { 
 $(this).text(i++) 
});

好运。

Answer 5

最短的路径是:

$("ul li").each(function(index){$(this).text(index)});