jquery:逆转一个订单

Question

如何用jquery转换订单？

我尝试了这样的建议,但它不起作用!

$($(".block-item").get().reverse()).each(function() { /* ... */ });

看看这里.

我希望盒装像这样重新排列,

18
17
16
etc

谢谢.

Answer 1

如果列表周围有容器,则更容易:

$("#container").append($(".block-item").get().reverse());

http://jsfiddle.net/BhTEN/12/

Answer 2

你可以用这个:

$($(".block-item").get().reverse()).each(function (i) {
    $(this).text(++i);
});

在这里演示.这里的
第二个演示(改变DOM元素定位).

另一种方式,使用反向 jQuery 是:

$.fn.reverse = [].reverse;
$(".block-item").reverse().each(function (i) {
    $(this).text(++i);
});

这个演示在这里.这里的
第二个演示(改变DOM元素定位).

另一种选择是使用length(匹配该选择器的元素的数量)并使用index每次迭代从那里向下移动.然后你可以使用这个:

var nr_of_divs = $(".block-item").length;
$(".block-item").each(function (i) {
    $(this).text(nr_of_divs - i);
});

这个演示在这里
第二个演示(更改DOM元素定位).

还有一种,与上述有关:

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

在这里演示

Answer 3

你的代码正在运行.只需在左侧选择jQuery框架即可.

 $($(".block-item").get().reverse()).each(function() {
     $(this).appendTo($(this).parent());
 });