Implementing repeating TextBox controls
Let's put it this way.I have the following repeating DIVs:
-
<asp:TextBox ID="txtInsertComments" AutoPostBack="false" CssClass="expanding" runat="server" Width="400px" Text='<%# Bind("comments") %>' TextMode="MultiLine" />
<div id="commands" style="display: none;">
<table cellpadding="0" cellspacing="0" width="400px" id="tblCommands">
<tr>
<td style="width: 50%; text-align: center;">
<asp:LinkButton ID="lnbInsertRes" runat="server" CommandName="Insert" Font-Underline="false">Insert</asp:LinkButton>
</td>
<td style="width: 50%; text-align: center;">
<asp:LinkButton ID="lnbCancelRes" runat="server" CommandName="Cancel" Font-Underline="false">Cancel</asp:LinkButton>
</td>
</tr>
</table>
</div>
<asp:TextBox ID="txtInsertComments" AutoPostBack="false" CssClass="expanding" runat="server" Width="400px" Text='<%# Bind("comments") %>' TextMode="MultiLine" />
<div id="commands" style="display: none;">
<table cellpadding="0" cellspacing="0" width="400px" id="tblCommands">
<tr>
<td style="width: 50%; text-align: center;">
<asp:LinkButton ID="lnbInsertRes" runat="server" CommandName="Insert" Font-Underline="false">Insert</asp:LinkButton>
</td>
<td style="width: 50%; text-align: center;">
<asp:LinkButton ID="lnbCancelRes" runat="server" CommandName="Cancel" Font-Underline="false">Cancel</asp:LinkButton>
</td>
</tr>
</table>
</div>
How do I use jQuery to determine which textbox control is being clicked and then show the div that relates to that TextBox? Again, both the textbox along with the div=command are all repeating. It could repeat more than just twice as showing in the example above. I need the jQuery to only show the div=command that the user has clicked on the TextBox for commenting.