JQuery的刪除父元素

我有一些第三方的HTML，看起來像這樣：JQuery的刪除父元素

<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元素？

來源

2013-02-02 Mr Shannon Dunn

btw萬一任何人想知道，我使用jquery選擇器的原因「結束」與給定的ID被指定這是因爲所討論的CMS在實際呈現的ID之前添加了一堆東西。 –

它看起來像你的標籤和輸入框總是在一個封閉的錶行中，這樣你就可以隱藏整個錶行：

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

來源

2013-02-02 01:13:51 Plynx

要刪除TR完全

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

來源

2013-02-02 01:15:30 charlietfl

你可以嘗試使用.remove而不是隱藏，$('#element').parent.remove();

來源

2013-02-02 01:43:37 jahrichie

JQuery的刪除父元素

回答

相關問題