Question

我有

<table>
    <tbody>
        <tr>
            <th colspan="2">Infobox</th>
        </tr>
        <tr>
            <td>Lorem ipsum ...</td>
            <td>Lorem ipsum ...</td>
        </tr>
        ⁞
        <tr>
            <td>Lorem ipsum ...</td>
            <td>Lorem ipsum ...</td>
        </tr>
        <tr>
            <th colspan="2">[random stuff]</th>
        </tr>
        <!-- *** Where I want to add another row *** -->
        <tr>
            <td>Lorem ipsum ...</td>
            <td>Lorem ipsum ...</td>
        </tr>
        ⁞

选择和附加我的附加行的最优雅/最有效的方法是什么？我已经开始了

$("table th:contains('Infobox')").closest('tbody th[colspan="2"]');

但这并没有选择我想要的东西。 Thanx为你的帮助和快乐的X-mas：o）

Answer 1

怎么样.after？

$("table th:contains('Infobox')").after("<tr></tr>")

这将在选择器后附加HTML。

Answer 2

您当前的查询正在尝试使用closest来搜索DOM。 closest 仅搜索祖先。

你希望如何定位正确的表格有点模糊，但按照你的例子，你会想要这样的东西：http://jsfiddle.net/TrueBlueAussie/y80gzL4k/2/

 $('table th:contains("Infobox")')
    .closest('tbody')
    .find('tr:has(th[colspan="2"]):last')
    .after("<tr><th>New row goes here</th></tr>");

如何选择某个特定表格单元格与另一个表格单元格？

2 个答案: