javascript - 通过 jQuery 循环追加表行

Question

我有一段由服务器返回的 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 注入(inject)到我的 DOM 中...但不是这样做:

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

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

我怎样才能实现这个目标？

Answer 1

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

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

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