如何找到下一个表tbody jquery

时间:2016-10-26 18:43:18

标签: jquery

我正在尝试找到Clicked Button旁边的表格。 所有表格和按钮都是动态创建的。

<button type="button" onclick="addRows(this)">Add Row</button>
<table>
   <tbody>
      <td>A</td>
      <td>A</td>
   </tbody>
</table>
<button type="button" onclick="addRows(this)">Add Row</button>
<table>
   <tbody>
      <td>B</td>
      <td>B</td>
   </tbody>
</table>
<button type="button" onclick="addRows(this)">Add Row</button>
<table>
   <tbody>
      <td>C</td>
      <td>C</td>
   </tbody>
</table>
<button type="button" onclick="addRows(this)">Add Row</button>
<table>
   <tbody>
      <td>A</td>
      <td>A</td>
   </tbody>
</table>

我正在使用它,但我可以获得Button的下一个表:

$(this).closest("table").find("tbody");

1 个答案:

答案 0 :(得分:1)

您需要使用.next()来获取下一个元素。

$(this).next("table").find("tbody")

.closest()用于查找最接近的包含元素,而不是相邻元素。由于按钮不在表格内,$(this).closest("table")不匹配任何内容。

当他们给这个名字命名时,男孩让jQuery设计师搞砸了。它似乎是新手之间最常见的混淆来源。