javascript - 在表中查找特定行

Question

我有一个包含两层行的 HTML 表格，例如:

我在第一层的每一行都有一个按钮，它执行 JavaScript 函数，并将按钮传递给函数

onclick="js:BillingAddNewChildLine(this);"

我需要一种方法在函数 (BillingAddNewChildLine) 中找到单击按钮的第一级行下的最后第二级行:

• 如果我点击第 1 行的按钮，我应该得到第 1.2 行
• 如果我点击第 2 行的按钮，我应该得到第 2.2 行

这个选择器将返回表格的最后一行，有什么方法可以使用 jQuery 选择器来获得我需要的东西吗？

$(".BillingTable > tbody tr:last") 

非常感谢

Answer 1

如果您为所有父(第一级)行提供一个“父”类，可能会更容易完成您想要的。

<tr class="parent">
    <td>1</td>
    <td><button>Get Last Child</button></td>
    <td>Description</td>
</tr>
<tr>
    <td>1.1</td>
    <td></td>
    <td>Description</td>
</tr>

然后在按钮的 onclick 事件中，您可以使用以下方法获取最终子级(或第二级线，在您的示例中为 1.2 和 2.2):

$(this).closest('tr').nextUntil('.parent').last();

(可以使用 inserAfter 或 after 方法添加新行，请参阅随附的 fiddle )

DEMO