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();