2

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

4

3 回答 3

3

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

$('label[id$="lblURL"]').closest('tr').hide();
于 2013-02-02T01:13:51.743 回答
0

TR要完全删除

$('tr [id$="lblURL"]').closest('tr').remove();
于 2013-02-02T01:15:30.820 回答
0

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

于 2013-02-02T01:43:37.343 回答