2013-02-02 40 views
2

我有一些第三方的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元素?

+0

btw万一任何人想知道,我使用jquery选择器的原因“结束”与给定的ID被指定这是因为所讨论的CMS在实际呈现的ID之前添加了一堆东西。 –

回答

3

它看起来像你的标签和输入框总是在一个封闭的表行中,这样你就可以隐藏整个表行:

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

要删除TR完全

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

你可以尝试使用.remove而不是隐藏,$('#element').parent.remove();