通过jQuery循环追加表行

时间:2018-01-27 15:44:07

标签: javascript jquery html loops foreach

我有一张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>

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

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

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

我怎么能实现这个目标?

1 个答案:

答案 0 :(得分:0)

不确定您要实现的目标。我最好的猜测是你试图将这些行复制到另一个表。如果是这样的话,它应该简单如下:

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

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