jquery：逆转一个订单

如何用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()); }); 

Answer 4

这可能是你想要的吗？

http://plugins.jquery.com/project/reverseorder

Answer 5

试试这个：

 function disp(divs) { var a = []; for (var i = 0; i < divs.length; i++) { a.push(divs[i].innerHTML); } alert(a); } disp( $("div.block-item").get().reverse() ); 

DEMO