Question

我正在考虑使用具有以下要求的jQuery动态地向我的HTML表添加行。

该表有9列，其中1列有一个用于添加新行的按钮。添加的新行应该在当前行之后添加，并且前7列为空，第8列应该是前8行的精确副本，第9列应该有添加另一行/删除行的选项（类似+ / - 按钮）。

我的HTML代码如下：

<table id='contactInfo'>
    <thead>...</thead>  
    <tbody>  
        <tr>  
            <td>...data for the first 7 columns..</td>  
            <td>  
                <input type="text" id="newContactComment<%=rCount %>" name="newContactComment" size="45">
                <br>
                <input type="checkbox" id="commentText<%=rCount %>" name="commentText" value="<%=c.getComment_text() %>" class="consComment">&nbsp;
                <%=c.getComment_text() %><br>

jQuery代码如下：

$("#contactInfo").each(function(){  
    $("button.addCommentRow", this).live('click', function() {  
        var html = '<tr><td>..blanks for first 7 columns </td> <td>...what goes in here..??..</td>  </tr>';  
        var row = $(this).closest('tr'); // get the parent row of the clicked button  
        $(html).insertAfter(row);  // insert content  
                 ...code to delete the newly added row..

我已经把我感到困惑的部分包含在'这里有什么...... ?? ..'中任何建议/想法将受到高度赞赏。

谢谢，
Pritish。

Answer 1

获取所点击行的第8列的内容

var column_eight = row.find("td:nth-child(8)").html();

动态添加行jQuery - （复制现有HTML）

1 个答案: