Question

我有两张桌子;两者都具有如下结构：

<table id="someID">  
    <tbody>
        <tr>
            <th></th>
            <td>
                <div>
                    <span> </span>
                </div>
            <td>
        </tr>
        <tr>
            <th></th>
            <td></td>
        </tr>
        <tr>
            <th></th>
            <td></td>
        </tr>
    </tbody>
</table>

我必须在第一个表的第一行之后插入第二个表的所有列。我有$("#someID > tbody > tr")作为jQuery对象的第二个元素的所有行的列表，并使用$("#someID tr:first")获取表的第一行。但是如何将这两个组件结合起来是我无法弄清楚的。

任何帮助表示感谢。

Answer 1

＆＃34;我必须在第一个表＆＃34; 第二个表的所有列>

使用.after() jsBin demo

$("#firstID tr:first").after( $('#secondID tr') );

或：.insertAfter() jsBin demo

$('#secondID tr').insertAfter( $("#firstID tr:first") );

Answer 2

＆＃13;

$(document).ready(function() {
  $("#table2 > tbody > tr").insertAfter($("#table1 tr:first"));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="table1">
  <tbody>
    <tr>
      <td>Table 1</td>
      <td>Table 1</td>
      <td>Table 1</td>
    </tr>
    <tr>
      <td>Table 1</td>
      <td>Table 1</td>
      <td>Table 1</td>
    </tr>
  </tbody>
</table>
<br/>
<br/>
<table id="table2">
  <tbody>
    <tr>
      <td>Table 2</td>
      <td>Table 2</td>
      <td>Table 2</td>
    </tr>
    <tr>
      <td>Table 2</td>
      <td>Table 2</td>
      <td>Table 2</td>
    </tr>
  </tbody>
</table>

＆＃13;

将行从一个表插入另一个jquery

2 个答案: