我如何通過JQuery的

隱藏按鈕上按一下即可完成TR有HTML代碼如下我如何通過JQuery的

<table class="innerGridTable" cellpadding="0" cellspacing="0" width="100%"> 
    <tr id="trMain"> 
     <td> 
      <asp:Button ID="btnOrgReport" CssClass="Button" runat="server" Text="Organisation Reports" /> 
     </td> 
     <td> 
      <asp:Button ID="btnCPUserReport" CssClass="Button" runat="server" Text="User Reports" /> 
     </td> 
     <td> 
      <asp:Button ID="btnTrainingEventReports" CssClass="Button" runat="server" Text="Training Event Reports" /> 
     </td> 
     <td> 
      <asp:Button ID="btnTokenManagementReport" CssClass="Button" runat="server" Text="Token Management Reports" /> 
     </td> 
     <td> 
      <asp:Button ID="btnLogBookReport" CssClass="Button" runat="server" Text="Log Book Reports" /> 
     </td> 
    </tr> 
    <tr id="trOrg"> 
     <td> 
      <asp:Button ID="btnOrganisationReport" CssClass="Button" runat="server" Text="Organisation Report" /> 
     </td> 

     <td> 
      <asp:Button ID="btnOraganisationTotal" CssClass="Button" runat="server" Text="Total Organisation Report" /> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
    </tr> 
    <tr id="trCPUser"> 
     <td> 
      <asp:Button ID="btnCPUser" CssClass="Button" runat="server" Text="CP User" /> 
     </td> 

     <td> 
      <asp:Button ID="btnCPUserSubTotal" CssClass="Button" runat="server" Text="CP User Sub Total Report" /> 
     </td> 
     <td> 
      <asp:Button ID="btnContactPointUserHistory" CssClass="Button" runat="server" Text="ContactPoint User History Report" /> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
    </tr> 

    <tr id="trTraining"> 
     <td> 
      <asp:Button ID="btnTrainingCourse" CssClass="Button" runat="server" Text="Training Course" /> 
     </td> 

     <td> 
      <asp:Button ID="btnTrainingCourseTrainer" CssClass="Button" runat="server" Text="Training Course Trainer" /> 
     </td> 

     <td> 
      <asp:Button ID="btnTrainingCourseDelegate" CssClass="Button" runat="server" Text="Training Course Delegate" /> 
     </td> 

     <td> 
      <asp:Button ID="btnTrainingVenue" CssClass="Button" runat="server" Text="Training Course Venue" /> 
     </td> 
     <td> 
     </td> 

    </tr> 
</table>

現在我想隱藏按鈕點擊。讓我給上面的代碼

一個例子，如果你看到有在第一TR ID =「trMain」碩士5個按鈕。 「btnOrgReport」，「btnCPUserReport」，「btnTrainingEventReports」，「btnTokenManagementReport」，「btnLogBookReport」及以下兒童TR將根據在主按鈕的點擊出現。

說，如果我點擊「btnOrgReport」那麼它會隱藏所有其他的孩子TR ID = 「trCPUser」 ID = 「trTraining」，只會顯示TR ID = 「trOrg」，如果用戶點擊btnCPUserReport然後只有tr id =「trCPUser」會出現，其他tr將被隱藏。

請建議使用jquery。

感謝，

最好的問候，

上點擊溶膠

來源

2009-11-03 Manoj Singh

<asp:Button ID="btnOrgReport" CssClass="Button" runat="server" 
Text="Organisation Reports" OnClientClick="hideRow('trOrg');" /> 

function hideRow(r){ 
    $("table.innerGridTable tr").hide(); 
    $("table.innerGridTable tr#"+r).hide(); 

    return false; 
}

但您可能需要另一個按鈕（外表也許？），所有的行會恢復：

<input id="ShowAll" type="Button" text="SShowAll"/> 

$("#ShowAll").click(function(){$("table.innerGridTable tr").show();});

來源

2009-11-03 10:01:28 TheVillageIdiot

謝謝親愛的它不爲我工作，因爲我需要按鈕上的切換功能 – 2009-11-03 10:56:53

嗨它的表現，然後再次消失，請建議在這種情況下做什麼 – 2009-11-03 11:10:00

謝謝我通過把退貨做假; OnClientClick =「hideRow（'trOrg'）; return false;」。再次感謝您的幫助！ – 2009-11-03 11:31:10

我如何通過JQuery的

回答

相關問題