如何用html顺序运行脚本？

Question

哪个库或某些东西可以使运行脚本与html代码依次出现？

如图所示，我正在寻找利物浦位于底部，因为它是稍后编写的。

脚本：

function loadData(path, first) {
    $.get(path, function (result, first) {
        var table = $("#table tbody");
        var lines = result.split("\n");
        for (var line = 0; line < lines.length; line += 8) {
            var result = "<tr><th scope=\"row\" class=\"data\"><div>" + lines[line] + "</div></th><td><div>" + lines[line + 1] +
                "</div></td><td><div>" + lines[line + 2] + "</div></td><td><div>" + lines[line + 3] + "</div></td><td><div>" + lines[line + 4] + "</div></td><td><div>" + lines[line + 5] + "</div></td><td><div>" + lines[line + 6] + "</div></td><td><div>" + lines[line + 7] + "</div></td></tr>";
            table.append(result);
        }
    });

延迟-无法使用，因为那时不会创建表格元素。