GridView内のImageButtonからjQueryダイアログを開くには？

Question

ImageButton IDを取得してjqueryダイアログを開く方法を教えてください。

ImageButton IDをハードタイピングすると、正常に動作します。すなわち

$('#ContentPlaceHolder1_GridView1_linkPasswordEdit_0').click(function() { 
    $('#dialog-modal2').dialog('open'); 
    return false; 
}); 

ただし、私はGridViewのすべてのImageButtonでこれを行いたいと思います。任意の助けをいただければ幸いです

<asp:TemplateField ShowHeader="False"> 
<ItemTemplate> 
<asp:ImageButton ID="linkPasswordEdit" runat="server" CausesValidation="false" OnCommand="passwordEditCommand" 
    CommandArgument='<%#Eval("id")%>' ToolTip="Click to edit password" ImageUrl="~/Images/imagesActions/password_edit.png" 
    AlternateText='<%#Eval("userName")%>' /> 
</ItemTemplate> 
</asp:TemplateField> 

：これはのImageButtonのように見えるものである

$('#' + '<%# ContentPlaceHolder1.GridView1.((GridViewRow)Container).FindControl("linkPasswordEdit").ClientID %>').click(function() { 
    $('#dialog-modal2').dialog('open'); 
    return false; 
}); 

：

$('#ContentPlaceHolder1_GridView1_' + '<%# linkPasswordEdit.ClientID %>').click(function() { 
    $('#dialog-modal2').dialog('open'); 
    return false; 
}); 

または：私のようなさまざまな方法を試してみました。

Answer 1

画像ボタンにカスタムCSSクラス（画像ボタンを見つけるだけで使用）を割り当て、JQueryクラスセレクタを使用して関連付けを行うのはなぜですか。

$('.imageButtonFinderClass').click(function() { 
    $('#dialog-modal2').dialog('open'); 
    return false; 
}); 


<asp:TemplateField ShowHeader="False"> 
<ItemTemplate> 
<asp:ImageButton ID="linkPasswordEdit" runat="server" CausesValidation="false" OnCommand="passwordEditCommand" CssClass="imageButtonFinderClass" 
    CommandArgument='<%#Eval("id")%>' ToolTip="Click to edit password" ImageUrl="~/Images/imagesActions/password_edit.png" 
    AlternateText='<%#Eval("userName")%>' /> 
</ItemTemplate> 
</asp:TemplateField>