javascript - 使用ajax将行插入表(倒数第二个)

Question

我有一个默认有 25 行的表，当我在表底部滚动时，我想再插入 25 行等...一切正常，但在特定表中我想保留最后一行前 25 行，并将接下来的 25 行放在它之前。

例如:

<table id="maintable" name="maintable">
<tr>
    <td id="row 1"></td>
    <td id="row 2"></td>
    <td id="row 3"></td>
    <td id="row 4"></td>
    ....
    <td id="row 24"></td>
    <td id="row 25"></td>
</tr>
</table>

滚动后我想要:

<table id="maintable" name="maintable">
<tr>
    <td id="row 1"></td>
    ...
    <td id="row 24"></td>
    <td id="row 26"></td>
    <td id="row 27"></td>
    ...
    <td id="row 48"></td>
    <td id="row 49"></td>
    <td id="row 50"></td>
    <td id="row 25"></td>
</tr>
</table>

所以我只想将这个“第 25 行”保留在表格底部

所以我正在尝试使用ajax

function ScrollLoader(){
    $.ajax({
        url: '../myScrollLoader/scroll.inc.php',
        type: 'POST',
        data: $('#formScrollLoader').serialize(),
        success: function(result) {
                $("#maintable tbody>tr:last").prev("tr").append(result);
                $(window).data('ajaxready', true);
            }
        }
    });
}

它几乎不起作用，但 25 个“下一个”添加在第 24 行的最后一个 TD 内，而不是在他之后(我不确定我的英语是否完全清楚)

Answer 1

在()之前使用

       $('#maintable tbody tr>:last').before(result);

FIDDLE DEMO会帮助你