如何使用 JS 或 JQuery 迭代获取 gridview 单元格值答案

【问题标题】：How to get gridview cell value iterating with JS or JQuery如何使用 JS 或 JQuery 迭代获取 gridview 单元格值
【发布时间】：2019-12-23 15:09:24
【问题描述】：

我需要通过使用 JQuery 迭代我的 GridView 来获取单元格值。问题是我的网格视图在内容占位符中，所以我无法使用#GridId 调用我的网格。我在 JQuery 中调用网格的方式是使用$('[id$=GridId'])。我是 JQuery 的新手：p

【问题讨论】：

标签： javascript jquery asp.net

【解决方案1】：

假设你有一个这样的 GridView：

<form id="form1" runat="server">
    <asp:GridView ID="MyGridView" runat="server">
    </asp:GridView>
</form>

您可以通过使用each 来获取单元格的值，如下所示：

<script type="text/javascript">
        $(document).ready(function() {
              $("#<%=MyGridView.ClientID %> tr").each(function() {
                    var firstCellValue = $(this).find("td:eq(1)").html(); 
                    var lastCellValue = $(this).find("td:last").html();
                    //etc...
                });
        });
    </script>

请记住，如果您有表格标题，那么您应该跳过第一行：

if (!this.rowIndex) return;

【讨论】：

谢谢，非常感谢！

【解决方案2】：

如果 grid view 在 content placeholder 中，则在浏览器中检查您的 Grid 视图并复制 grid view 的 ID（即您的内容占位符 + "_" + 网格视图的 ID 例如：ContentPlaceholder1_GridView1) 并在 JQuery 中使用该组合 ID。

然后从网格中获取行然后获取每一行的列。

参考看看：https://www.aspsnippets.com/Articles/Get-selected-Row-Cell-value-in-GridView-using-jQuery-in-ASPNet.aspx

【讨论】：