javascript - 计算所有 div 并按降序添加 span 内的每个数字

Question

我有之前的代码 question

$("div").each(function(i) {
    $(this).find("span").text(++i);
}); 

-- 完整代码运行 = http://jsfiddle.net/pm3YL/

此 JQuery 代码计算页面中的每个 div 并在 span 内添加订单号

但我需要做同样的降序

所以输出会像这样

http://jsfiddle.net/pm3YL/1/

代替

http://jsfiddle.net/pm3YL/

Answer 1

你可以使用这个:

$($("div").get().reverse()).each(function (i) {
    $(this).find("span").text(++i);
});

演示 here

另一种方式，同时使用 jQuery 和 reverse是:

$.fn.reverse = [].reverse;
$("div").reverse().each(function (i) {
    $(this).find("span").text(++i);
});

此演示 here . (感谢Ian的建议。)

另一种替代方法是使用length(与该选择器匹配的元素的计数)并使用每个元素的index 从那里向下迭代。然后你可以使用这个:

var nr_of_divs = $("div").length;
$("div").each(function (i) {
    $(this).find("span").text(nr_of_divs - i);
});

此演示 here

还有一个，与上面的有点相关，灵感来自 Adeneo的 answer :

var nr_of_divs = $("div").length;
$("div span").text(function (i) {
    return nr_of_divs - i;
});

演示 here