JQuery 删除父元素答案

【问题标题】：JQuery Remove Parent ElementsJQuery 删除父元素
【发布时间】：2013-01-17 10:20:51
【问题描述】：

我有一些看起来像这样的第三方 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元素？

【问题讨论】：

顺便说一句，如果有人想知道，我使用 jquery 选择器“结束”并指定给定 ID 的原因是，有问题的 CMS 在前面添加了一堆东西实际呈现的 ID。

标签： jquery html hide

【解决方案1】：

看起来你的标签和输入框总是在一个封闭的表格行中，所以你可以隐藏整个表格行：

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

【讨论】：

【解决方案2】：

彻底删除TR

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

【讨论】：

【解决方案3】：

您可以尝试使用 .remove 代替 hide，$('#element').parent.remove();

【讨论】：