找到最后一个TR(组)

nta*_*tan 2 jquery css-selectors

我有下表

<tr id="group_1>...</tr>
   <tr id="el">...</tr>
   <tr id="el">...<tr>
<tr id="group_2"></tr>
   <tr id="el">...</tr>
<tr id="group_1>...</tr>
   <tr id="el">...</tr>
   <tr id="el">...<tr>
Run Code Online (Sandbox Code Playgroud)

我需要找到每组的最后一个TR

$("tr#group_"+groupID).next("tr#el:last").after("ADD NEW TR");
Run Code Online (Sandbox Code Playgroud)

它不适合我!!

我想这是因为我使用相同的ID所有组.

谁能帮我.

谢谢

cle*_*tus 6

首先,ID必须是唯一的,因此在上述情况下,行为将不确定.

其次,这是一种分组行的困难方法.尝试使用TBODY元素>

<tbody id="group_2">
  <tr>...</tr>
  <tr>...<tr>
</tbody>
<tbody id="group_2">
  <tr>...</tr>
</tbody>
<tbody id="group_3">
  <tr>...</tr>
  <tr>...<tr>
</tbody>
Run Code Online (Sandbox Code Playgroud)

事情变得容易多了:

$("#group_" + groupNum + " tr:last-child").after("add new tr");
Run Code Online (Sandbox Code Playgroud)

事情是,你甚至不需要这样做(使用after()).使用append()以下方法更容易:

$("#group_" + groupNum).append("add new tr");
Run Code Online (Sandbox Code Playgroud)