JQuery Übergeordnete Elemente entfernen

Ich habe HTML von Drittanbietern, das so aussieht:

    <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>

Ich darf dieses HTML nicht ändern. Ich möchte dieses Label und das Eingabe-Tag ausblenden und habe herausgefunden, wie das in JQuery mit folgendem Code gemacht wird:

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

Dadurch werden die Elemente effektiv von der Seite ausgeblendet. Das Problem ist, dass das übergeordnete Element und die Elemente weiterhin vorhanden sind. Wie können die Elemente tr und td entfernt werden?

Antworten auf die Frage(3)

Ihre Antwort auf die Frage