jQuery 选择器 ASP.NET GridView 列

Question

如何为 GridView 的特定列编写选择器？ 我想在鼠标悬停在 GridView 列上时执行一些操作。 我想做一次。 这是我的 gridview：

<asp:GridView AutoGenerateColumns="False" Width="100%" ID="grvUsers" runat="server">
        <Columns>
            <asp:TemplateField HeaderText="Delete">
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# eval("ID") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
 </Columns>
    </asp:GridView>

Html 输出：

<table cellspacing="0" rules="all" border="1" id="grvUsers" style="width:100%;border-collapse:collapse;">
    <tr>
        <th scope="col">Delete</th>
    </tr><tr>
        <td>
                <span id="grvUsers_Label1_0">23</span>
            </td>
    </tr>

</table>

GridView DataBound

 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim dr As DataRow
        Dim dt As New DataTable
        dt.Columns.Add("id")
        dr = dt.NewRow
        dr(0) = "23"
        dt.Rows.Add(dr)
        grvUsers.DataSource = dt
        grvUsers.DataBind()
    End Sub

Answer 1

在您的 itemtemplate 中，包含一个如下所示的 CssClass：

<asp:TemplateField HeaderText="Delete" ItemStyle-CssClass="myRow">
    <ItemTemplate>
        <asp:Label ID="Label1" runat="server" Text='<%# eval("ID") %>'></asp:Label>
    </ItemTemplate>
</asp:TemplateField>

如果您还需要可选择标题，则还包含 HeaderStyle-CssClass 属性。

然后，您可以使用 $("td.myRow").bind("mouseover", function() { }); 将事件绑定到列中的每个单元格。