Question

我有一张桌子，有6行和2列。我想只在div中添加前3行。

我试过了：

var table = $('#vidTable tr:lt(2)');
$('#divarea').append(table);

这似乎占据了前两行，并在表的末尾添加了它们。不是我追求的。 JSFIDDLE

Answer 1

使用clone()可能是您问题的解决方案。

＆＃13;

var table = $('#vidTable tr:lt(2)').clone();
$('#divarea').append(table);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table id="vidTable">
  <tr>
    <td>
      One
    </td>
    <td>
      Two
    </td>
  </tr>
  <tr>
    <td>
      three
    </td>
    <td>
      Four
    </td>
  </tr>
  <tr>
    <td>
      Five
    </td>
    <td>
      Six
    </td>
  </tr>
  <tr>
    <td>
      Seven
    </td>
    <td>
      Eight
    </td>
  </tr>
  <tr>
    <td>
      Nine
    </td>
    <td>
      Ten
    </td>
  </tr>
  <tr>
    <td>
      Eleven
    </td>
    <td>
      Twelve
    </td>
  </tr>
</table>

<div id="divarea"></div>

＆＃13;

Answer 2

我认为这就是你期待的

使用切片

var table = $('#vidTable tr').slice(0,3);
$('#divarea').append(table);

这是小提琴

http://jsfiddle.net/mohamedmusthafac/0evg5erk/12/

将前几行较大的表追加到div

2 个答案: