javascript - 删除包含表的表行

Question

我的 html 显示类似于以下内容的表格:

<table>
<tr>
    <th>col1</th>
    <th>col2</ht>
</tr>
<tr>
    <td>0001</td>
    <td>Test</td>
</tr>
<tr>
    <td colspan="2" id="detailsTable">
        <table>
            <tr>
                <th>one</th>
                <th>two</th>
            </tr>
            <tr>
                <td>xxxxxx</td>
                <td>xxxxxxx</td>
            </tr>               
        </table>
    </td>
</tr>

外表有一列展开和收缩按钮，这样只有当用户单击展开时才显示嵌套表。

扩展工作并显示表格。但是，当我尝试从外部表中删除包含子表的行时，它不起作用。

我有这样的代码:

var rowIndex = $(this).parent().parent().prevAll().length;
$("table[id$=gvParentAccounts] tr").eq(rowIndex + 1).remove();

如果该行仅包含文本，它会按照我的意愿工作并删除该行，但是如果在这种情况下该行包含一个表格，则无法根据需要删除该行。

我为此使用 ASP.Net 和 jQuery。

谢谢 艾伦。

Answer 1

怎么样:

$(this).parent().parent().remove();

我不确定这是否正是您所拥有的，但这里有一个 JSFiddle 演示了它的工作原理:

http://jsfiddle.net/9TQG9/1/

编辑:实际上是这样的:

$(this).parents("tr").eq(0).remove();

会更好、更可靠。请参阅此处:

http://jsfiddle.net/9TQG9/2/