i cant set command argument to an img, but when i change it to imgbtn, it cant take my onclick jquery

Question

I am displaying a collapsible grid view, when the user clicks the img, the 2nd nested grid view collapses. It works perfectly, except the grid 2 takes a parameter of grid view1 id, to keep the rows unique to each row.

The img code works (without the command argument).

What I am trying to achieve is to pass the grid view 1 id to this nested grid function (which is behind code) so that I can have unique rows displayed. I thought about doing this with the command argument, but like I explained above, the img didn't take command argument. When I tried a btnimg, the button img could take the command argument, but it then didn't like my onclick jquery.

Code:

<asp:TemplateField>
  <ItemTemplate>
    <asp:ImageButton Class="btnArrow" ImageUrl="~/img/close-arrow.png" 
       OnClick="ShoeHide(this, 'tr<%# Eval("OrderNumber") %>');"
       CommandArgument='<%#Eval("OrderNumber")%>' runat="server" />
       <%-- <asp:ImageButton Class="btnArrow" ImageUrl="/img/close-arrow.png" 
       CommandArgument='<%#Eval("odernumber")%>'   
       OnClick="ShoeHide(this, 'tr<%# Eval("OrderNumber") %>')"  runat="server" />--%> 
  </ItemTemplate>
</asp:TemplateField>

Answer 1

move the click event out of the element

<script type="text/javascript">
    $(function () {
        $('.btnArrow').click(function () {
            // something here
        });
    }
</script>