如何在jQuery中使用.each()计算<li>?</li>

时间:2014-07-25 05:38:08

标签: javascript jquery jquery-mobile

我正在尝试为每个li编号

 1 of n
 2 of n
 3 of n
 ......
 n of n 

我可以将每个li编号为1,2,3,但是如何制作1 of 3

以下是我通过引用fiddle

创建的This Link

提前致谢

3 个答案:

答案 0 :(得分:2)

您可以使用:

$("ul > li").length

<强> Working Demo

完整代码:

var len=$("ul > li").length;
$("ul > li").each(function(i, n) {
 $(this).prepend("<span>" + (i+1) + " of "+  len +" </span> ");
});

答案 1 :(得分:1)

您可以使用jQuery对象的length属性来查找其中的元素数

$(function () {
    var $lis = $("ul > li"),
        len = $lis.length;
    $lis.prepend(function (i, n) {
        return "<span>" + (i + 1) + " of " + len + "</span> "
    });
});

演示:Fiddle

答案 2 :(得分:1)

.size也适用于此

$("ul > li").size()  //deprecated

但在jQuery 1.8之后不推荐使用它。

所以去吧

$("ul > li").length //prefered