如何输出逆序? AJAX文件> DIV

时间:2012-06-20 03:27:58

标签: javascript html ajax

AIM:输出日志文件的内容,最新一行在顶部,最旧一行在底部。

代码:

<script>

$.get('http://192.168.1.1/test.log, function(data)
        {         var lines = data.split("\n");
                   $.each(lines, function(n, elem)
                       {        $('#output').append('<div>' + elem + '</div>');
                       });
         });

</script>

电流:

这一切都正常工作并按预期输出到DIV,但底线位于div的底部,顶部的第一行。

问题:如何更改输出以使最后一行位于顶部,第一行位于底部?

提前致谢。

1 个答案:

答案 0 :(得分:2)

使用.reverse()

var lines = data.split("\n").reverse();

如果有现有内容,并且新内容应该排在首位,请使用.prepend()代替.append()

$('#output').prepend('<div>' + elem + '</div>');