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

Answer 2

完全删除TR

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

Answer 3

您可以尝试使用.remove而不是hide，$('#element').parent.remove();

JQuery删除父元素

3 个答案: