javascript - 如何使用jquery获取gridview中的隐藏列值

Question

在我的 gridview 控件中，我有 4 列，其中 1 列是不可见的，电子邮件地址列是不可见的

    <asp:GridView id='gridData' runat='server'>
     <Columns>
    <asp:TemplateField>
                         <ItemTemplate>
                             <asp:Label ID="lblUsername" runat="server"
  Text='<%# Bind("ToUsername") %>'></asp:Label>
                         </ItemTemplate>
                     </asp:TemplateField>
    <asp:TemplateField>
                         <ItemTemplate>
                             <asp:Label ID="lblfirstname" runat="server" 
Text='<%# Bind("Firstname") %>'></asp:Label>
                         </ItemTemplate>
                     </asp:TemplateField>
    <asp:TemplateField>
                         <ItemTemplate>
                             <asp:Label ID="lbllastname" runat="server" 
Text='<%# Bind("Lastname") %>'></asp:Label>
                         </ItemTemplate>
                     </asp:TemplateField>
    <asp:TemplateField>
                         <ItemTemplate>
                             <asp:Label ID="lblEmaill" runat="server" visible="false" Text='<%# Bind("EmailAddress") %>'></asp:Label>
                         </ItemTemplate>
                     </asp:TemplateField>
     </Columns>
    </asp:Gridview>

这是我的 JQuery，我想在单击带有电子邮件地址的行时显示用户详细信息

$(function () {

        var gridId = "<%= gridData.ClientID %>";
        var rowClickEvent = "#" + gridId + " tbody tr"
        var current = "";

        $(rowClickEvent).click(function () {
            var row = this;
            var username = row.cells[0].childNodes[1].innerText;
            var firstname = row.cells[1].childNodes[1].innerText;
            var lastname = row.cells[2].childNodes[1].innerText;
            var email =    row.cells[3].childNodes[1].innerText;


            alert('Username : '+username+'<br/>FullName : '+firstname+""+lastname+'<br/>Email : '+email);
    });

我也试过这段代码，但它不起作用:

var tr = $(this).closest('tr');            
var message = row.cells[3].next("input[name$=lblemail]").val();

Answer 1

visible="false" 不会让控件在客户端呈现。因此，当您尝试在客户端脚本中访问它时，您将找不到它，因为该元素不存在。如果您想在客户端访问它并希望它始终隐藏，您可以使用 HiddenFields 或使用 CSS 通过添加 display:"none"< 在客户端隐藏该元素 或 visibility:"hidden" 或两者兼而有之。