Question

我有ajax调用，它从数据库中获取结果。但是当我用html附加div时，内容的顺序是相反的。如何重新反转它以将最后一项设置为第一项。我不想在SQL中订购内容。有没有办法在jQuery中执行此操作？

$.each(data.idUser.matches, function(index, element) {
$('.myDiv').append('<div>...SOME LONG HTML CONTENT'</div')

Answer 1

您可以使用prepend代替append添加到容器的顶部而不是底部。

当然，也可以在循环之前反转数组。数组有一个内置的reverse方法。

或者使用for循环向后循环。

Answer 2

您可以在此处使用.prepend()。

var data = [1, 2, 3, 4];

$.each(data, function(index, element) {
    $('.myDiv').prepend('<div>...SOME LONG HTML CONTENT - ' + index + '</div>');
});

查看小提琴以查看它的实际效果： https://jsfiddle.net/3xwmcnfu/

Answer 3

你可以尝试使用Jquery.reverse（）函数，这里是一个小例子。

<ul class="ioi">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>

var i = 0;

$($("li").get().reverse()).each(function() {
  $( this ).html(i);
  i++;
});

https://jsfiddle.net/86LLftwe

如何使用jQuery以相反的顺序附加div内容

3 个答案: