Mit Repeater Control erstellte Zeilen umschalten ASP.NET

Question

Ich erstelle eine Liste von Daten mit Repeater Control. Einige Zeilen haben möglicherweise andere Zeilen, die mit dem klickbaren Bild der Hauptreihe umgeschaltet werden sollten.

Hier ist der HTML-Teil

<table cellpadding="2" cellspacing="0" width="100%"> 
       <asp:Repeater ID="repeatLockers" runat="Server"> 
        <HeaderTemplate> 
         <tr> 
      <td>&nbsp;</td> 
          <td>A</td> 
         </tr> 
        </HeaderTemplate> 
        <ItemTemplate> 
         <tr id="trItem" class="SomeParentClass" runat="server"> 
          <td> 
           <img id="imgToggleHomeInfo" runat="server" alt="show/hide repetitves" src="icon_plus.gif" 
            style="cursor: pointer" /> 
          </td> 
          <td> 
           <asp:Label ID="lbl" runat="server"></asp:Label> 
          </td> 
         </tr> 
         <tr id="trAddOnFee" runat="server" class="SomeClass" style="display: none;"> 
          <td colspan="2"> 
           <table cellpadding="4" cellspacing="2" width="100%"> 
            <tr> 
             <td class="DgHeader">A</td> 
             <td class="DgHeader">B</td> 
            </tr> 
            <asp:Repeater ID="repeatRepetitives" runat="server"> 
             <ItemTemplate> 
              <tr> 
               <td> 
                <asp:Label ID="lblA" runat="server"></asp:Label> 
               </td> 
               <td align="right"> 
                <asp:Label ID="lblB" runat="server"></asp:Label> 
               </td> 
              </tr> 
             </ItemTemplate> 
            </asp:Repeater> 
           </table> 
          </td> 
         </tr> 
        </ItemTemplate> 
       </asp:Repeater> 
      </table> 

Wie konnte ich die Zeilen mit Klasse als „Someclass“ innen auf Klick auf imgToggleHomeInfo“Bild auf seiner Eltemzeile mit JQuery wechseln?

Answer 1

Ich würde finden die Elternzeile des Bildes dann Toggle es beim nächsten Geschwister

$(document).ready(function() { 
    $("[id$='imageToggleHomeInfo']").click(function() { 
     $(this).closest('tr').next().toggle(); 
    }); 
})