通过 jQuery 循环追加表格行答案

【问题标题】：Appending table row through jQuery loop通过 jQuery 循环追加表格行
【发布时间】：2018-01-27 15:44:07
【问题描述】：

我有一张由服务器返回的 HTML 表格，如下所示：

     <tbody>
      <tr role="row" class="odd even pointer">
        <td class="" width="5%" tabindex="0">
        <ul class="enlarge">
         <li>
         <img src="" width="60px" height="60px">
            <span>
            <img src="">
            </span>
           </li>
          </ul>
        </td>
        <td class="sorting_1" width="75%" data-url="" data-title="Sai Baba Nag Champa Incense 250 Gram, New, Free Shipping" data-price="11.25" data-image="" data-itemid="251908749939"> </td>
     <td class="sorting_1" style="text-align:left;" width="10%">
       £ 11
       </td>
    </tr>
 </tbody>

我目前正在做的是立即将整个 HTML 注入到我的 DOM 中......但不是这样做：

 var dbtb = $('#datatable-responsive', data).html();
 console.log(dbtb);
 $('#datatable-responsive').html(dbtb

我想首先从表中获取所有 TR，然后将它们直接附加到 DOM 中的表本身中，但是通过 for/foreach 循环？

我怎样才能做到这一点？

【问题讨论】：

P.S.伙计们，这个表体中有很多 TR，所以我只想获取它们中的每一个，然后将它们附加到我的 DOM 中？
我没有明白你想要做什么。您已经有一个 HTML 表格，并且想要获取所有行，然后将它们附加到哪里？ DOM 是整个 HTML 页面，您想在 DOM 中的哪个位置附加它们？由于它们是表行，它们只能适当地附加到表中，所以您是否尝试将它们从一个表复制到另一个表？

标签： javascript jquery html loops foreach

【解决方案1】：

不确定您要达到的目标。我最好的猜测是您正在尝试将这些行复制到另一个表。如果是这样的话，它应该很简单：

$('table tr').appendTo('#target');

假设<table id="target">是目标

【讨论】：