折叠表中行内的行

Question

我有一个有几行的表。当我点击加号时，它应该从该点击的行中折叠新行。

问题是这些新行是由AJAX提取的，需要一个＆＃34;行容器＆＃34;附加到。如何在行内插入行？

我不能这样做，

<tr class="builds">
  <tr>
    <td colspan="3">build1 product</td>
    <td>build1 events</td>
    <td>build1 actions</td>
  </tr>
  <tr>
    <td colspan="3">build2 product</td>
    <td>build2 events</td>
    <td>build2 actions</td>
  </tr>
<tr>

编辑：只是为了澄清。主表由AJAX填充，当单击一行（并包含数据）时，它应该折叠该单击行下面的行。这是我的主要结构：

<div id="products" class="row">
  <div class="col-lg-12">
    <div class="table-responsive">
      <table class="table table-bordered table-hover table-striped tablesorter">
        <thead>
          <tr>
            <th>Product <i class="fa fa-sort"></i></th>
            <th>Customer <i class="fa fa-sort"></i></th>
            <th>API_KEY<i class="fa fa-sort"></i></th>
            <th># Events <i class="fa fa-sort"></i></th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody id="products-container"></tbody>
      </table>
    </div>
    <a href="#" class="more">+ More</a>
  </div>
</div>

Answer 1

一般来说，你可以像这样使用jquery

通常你将上面的代码放在你的ajax请求中

$.ajax({ options }).done(function (data) {
   $.each(data,function(){
      $('parent row tag id').after('<tr><td>ajax content</td></tr>');
   });   
}

请注意，此代码可能需要更改一些，但您应该明白这一点。