Question

我使用以下方法在表格中添加一行：

        $('#host_files').find('.main').last('tr').after(row);

这样可以正常工作，并在最后一个.main tr

之后添加行

但是，该表可能包含类main的条目和/或类other的条目

我希望在任何一个类的任何条目之后添加我的行。

有办法吗？

由于

Answer 1

您只需尝试this ..

我用一个小例子更新了你的小提琴，你怎么能这样做。

HTML

<form name="myform" id="myform">
  <table id="blacklistgrid">
    <tr id="Row1">
      <td class="space">&nbsp;</td>
      <td>Red</td>
      <td>Yellow</td>
      <td>Green</td>
    </tr>
    <tr id="Row2">
      <td>
        <input type="text" placeholder="shade" name="shade" />
      </td>
      <td>
        <input type="checkbox" name="red" />
      </td>
      <td>
        <input type="checkbox" name="yellow" />
      </td>
      <td>
        <input type="checkbox" name="green" />
      </td>
    </tr>
  </table>
  <button type="button" id="btnAdd">Add few more Rows!</button>
</br>
</br>
<button type="button" id="btnAddCol">Add new column</button>
</br>
</br>
<input type="submit"></input>
</form>

的CSS

td {
  padding-right: 15px
}
.space {
  padding-right: 75px;
}

Jquery的

$(document).ready(function () {
   $('#btnAdd').click(function () {
     var count = 3,
     first_row = $('#Row2');
     while (count-- > 0) first_row.clone().appendTo('#blacklistgrid');
   });
 });

Jquery - 在特定类之后添加表行

1 个答案: