jquery - 在表中插入新行

Question

我遇到一个问题，:eq() 不接受计数器 n，将值插入到 HTML 中的表的新列中。

$(document).ready(function() {  
    var $tablerow = $('table.table').find('tr');
    count = 0;

    $tablerow.each(function(index, value){
        count += 1;
        var $listitem = $(this);
        n = parseInt($listitem.index());
        var $newRow = $("<td>" + n + "</td>");
        $("table.table tr:eq(n)").append($newRow);
    });
});  

HTML

<table class="table">
    <tr><td>First row</td></tr>
    <tr><td>second row</td></tr>
    <tr><td>third row</td></tr>
    <tr><td>fourth row</td></tr>
    <tr><td>fifth row</td></tr>
    <tr><td>sixth row</td></tr>
    <tr><td>seventh row</td></tr>
    <tr><td>eighth row</td></tr>
</table>

Answer 1

按原样编写，您只需将文字字符“n”写入 .eq() 方法即可。试试这个:

$("table.table tr:eq(" + n + ")").append($newRow);