JQuery 删除父元素

Question

我有一些第三方 HTML，如下所示:

    <tr>
        <td>
            <asp:Label ID="lblURL" AssociatedControlID="txtURL" 
                  runat="server" EnableViewState="false" CssClass="FieldLabel" />
        </td>
        <td>
            <cms:CMSTextBox ID="txtURL" runat="server" 
                  CssClass="TextBoxField" EnableViewState="false"
                  MaxLength="450" ProcessMacroSecurity="false" />
        </td>
    </tr>

我无权更改此 HTML。我想隐藏这个标签和输入标签，并已经弄清楚如何使用以下代码在 JQuery 中做到这一点:

$('label[id$="lblURL"]').hide();
$('input[id$="txtURL"]').hide();

这有效地隐藏了页面中的元素。问题是父级和元素仍然存在。如何删除 tr 和 td 元素？

Answer 1

看起来您的标签和输入框始终位于封闭的表格行中，因此您可以隐藏整个表格行:

$('label[id$="lblURL"]').closest('tr').hide();