如何使用jquery从点击的图像中获取图像ID？

Question

我有一个图像列表，这些图像从数据库中提取并加载到 ASP 中的 ListView 中。我有一个 JQuery 单击函数附加到生成的每个图像。我需要做的是以某种方式获取被单击的图像的 ID，但现在，我没有找到将 ID 附加到每个图像的方法。

ListView 由具有 ID、UserName、Photo 列的 SQLSource 填充。项目模板使用用户名和照片来显示列表，但不允许我使用 Eval("fieldName") 设置 ID。

我想做的是：当用户单击图像时，JQuery 会获取与该图像关联的 ID，JQuery 将打开另一个窗口并使用该 ID 包含查询字符串的一部分。例如：

window.open("anotherpage.aspx?id=" + imgID);

这是我现在拥有的 jquery：

<script type="text/javascript">
        jQuery(document).ready(function () {

            $('[class=originalPhoto]').click(function (event) {
                var url = $(this).attr("href");
                var windowName = "popup";

                window.open("test.aspx");
                event.preventDefault();
            });
        });
 </script>

和 listview：

<telerik:RadListView ID="photoList" runat="server" 
                DataSourceID="employeePicsSource" DataKeyNames="ID">
                <ItemTemplate>
                    <center>
                    <p>
                    <table border="0" width="1000" cellpadding="10" class="personnelCell">                        
                        <tr>
                            <td width="25%"><%#Eval("FullName") %></td>
                            <td width="25%"><%#Eval("ADGUID") %></td>
                            <td width="25%" align="center"><asp:Image runat="server" 
                            ImageUrl='<%#GetImageURL((int)DataBinder.Eval(Container.DataItem,"ID")) %>' 
                            Width="200" CssClass="originalPhoto" /></td>
                            <td width="25%"><asp:Image runat="server" Width="96" Height="96" /></td>
                        </tr>
                    </table>
                    </p>
                    </center>
                </ItemTemplate>
            </telerik:RadListView>
            <asp:SqlDataSource ID="employeePicsSource" runat="server" 
                ConnectionString="<%$ ConnectionStrings:Employee_Photos_DevConnectionString %>" 

                SelectCommand="SELECT [FullName], [ADGUID], [Photo], [ID] FROM [Employee_AndPhoto]">
            </asp:SqlDataSource>

有什么想法吗？ TIA

Answer 1

以同样的方式，你得到的href你也可以有id正如

$('.originalPhoto').click(function (event) {
    var url = $(this).attr("href");
    var id = $(this).attr("id");
    var windowName = "popup";

    window.open("test.aspx?id="+id);
    event.preventDefault();
});

jostster所说，你还需要将id添加到你的图像中，比如

id='Convert.ToString((int)DataBinder.Eval(item.DataItem, "ID"))'