Javascript jquery:在表的倒数第二行中使用appendTo

Javascript jquery:在表的倒数第二行中使用appendTo,javascript,jquery,Javascript,Jquery,我有一块DOM,我想插入到我的页面中。目前我只是盲目地使用: $(myblob).appendTo(someotherblob); 我如何做同样的事情,但是将myblob附加到someotherblob中倒数第二行。本例中的另一个blob是一个表,我想在倒数第二行的上方插入一行。我最近在线发布了一些代码,帮助您处理表修改: 另外,您的问题还不太清楚,但希望上面的链接将涵盖所有基础我认为您希望在表的每一行中添加一行,在第二行和最后一行之间 $('#mytable tr:last').before

我有一块DOM,我想插入到我的页面中。目前我只是盲目地使用:

$(myblob).appendTo(someotherblob);

我如何做同样的事情,但是将myblob附加到someotherblob中倒数第二行。本例中的另一个blob是一个表,我想在倒数第二行的上方插入一行。

我最近在线发布了一些代码,帮助您处理表修改:


另外,您的问题还不太清楚,但希望上面的链接将涵盖所有基础

我认为您希望在表的每一行中添加一行,在第二行和最后一行之间

$('#mytable tr:last').before("<tr><td>new row</td></tr>")
在这种情况下,请尝试:

var rows=someotherblob.find("TR");
var nrows=rows.length;
    rows.slice(1,(nrows-2)).each(function(){
     $(this).append(myblob);
    })

请注意,with before元素必须已经插入到文档中,如果元素不在页面中,则不能在另一个元素之前插入该元素

因此,您必须先插入其他blob:

$('selector to insert someotherblob at')
    .append(someotherblob)
       .find('table tr:last')
          .prev()
          .before(myblob);

这有点像是瞎猜,但我猜您在表的底部有一个页脚,甚至可能是数据条目,您希望在页脚之前向数据添加行。在这种情况下,您应该将表重组为:

<table id="myTable">
    <thead>
        <tr><!-- header row(s) --></tr>
    </thead>
    <tfoot>
        <tr><!-- footer row(s) --></tr>
    </tfoot>
    <tbody>
        <tr><!-- exciting and possibly dynamically inserted data goes here --></tr>
    </tbody>
</table>
就这么简单:

$("#TableName tr:last").prev().before("<tr><td>Hello World</td></tr>");

也可以按索引选择器选择行

$('#mytable tr').eq(-1).before("<tr><td>new row</td></tr>")
此处用于选择最后一行。eq是零指数,负指数从最后开始。所以我在索引中使用了-1

我很感激你给我的答案是

我尝试了一下,发现所需的列实际上在enitre表上方移动了。这是因为我没有对标题列使用ad标记。我再次开始寻找答案,并提出了自己的解决方案

所以这里是:在我的场景中,需要显示每个数字类型列中所有条目的总和。除非所有行都是动态填充的,否则我不可能进行计算

HTML:

如果我回答你的问题,请告诉我

$('#mytable tr').eq(-1).before("<tr><td>new row</td></tr>")
<tr class="gTotal"> 
      <th colspan="4" class="head">Grand Total</th>
      <th><?php echo $grandTtlResumeSntCnt; ?></th>
      <th><?php echo $grandTtlEvalCnt; ?></th>
      <th><?php echo $grandTtlUniqEvalCnt; ?></th>
      <th><?php echo $grandTtlResCnt; ?></th>
      <th><?php echo $grandTtlUniqResCnt; ?></th>
</tr>
</table>
$('.gTotal').insertBefore('table>tbody>tr:nth-child(2)');
$('#mytable tr:last').prev().after("<tr><td>new row</td></tr>")