查找gridview链接按钮值jquery

Posted 2023-05-09

【中文标题】查找gridview链接按钮值jquery

【英文标题】：Find gridview linkbutton value jquery

【发布时间】：2012-01-24 05:06:02

【问题描述】：

我的 gridview 有几列。第 1 列是 ID 这是一个 linkbutton 字段，第 2 列是 CustName 这也是一个 linkbutton 字段，第 3 列是地址，这是一个普通的单元格文本。这里我有一个问题。当我单击 Jquery 的 ID 按钮时，如何获取第 2 列的值？

这是我的编码

   $("a.ID").click(function (e) 
            var row = $(this).parents("tr:first");
        var Desc= row.children("td:eq(2)").text();
            var test = row.children("td:eq(1) a").text();???Here error
            alert(test);

        );

单击特定的选定行时，我可以获得第 3 列的值。

【参考方案1】：

这是一个示例解决方案http://jsfiddle.net/3hsvQ/

$('.idColumn').click(function (event) 
    var cell = $(event.currentTarget),
        row = cell.parent().parent(),
        nameCell = row.children()[1];
    alert(nameCell.innerText);      
);

对于这个 html：

<table id="dataTable">
    <tr>
        <td><a href="javascript:void(0)" class="idColumn">1</a></td>
        <td><a href="javascript:void(0)" class="nameColumn">Foo</a></td>
    </tr>
    <tr>
        <td><a href="javascript:void(0)" class="idColumn">2</a></td>
        <td><a href="javascript:void(0)" class="nameColumn">Bar</a></td>
    </tr>
    <tr>
        <td><a href="javascript:void(0)" class="idColumn">3</a></td>
        <td><a href="javascript:void(0)" class="nameColumn">FooBar</a></td>
    </tr>
</table>

【讨论】：

您可以将代码添加到答案中，以便它实际上是一个答案吗？

【参考方案2】：

我完全不知道为什么这不起作用，但请尝试将其分开：

row.children("td:eq(1)").find('a').text();

【参考方案3】：

首先你可以在 JavaScript 部分声明函数如下。

function GetValue(va)

  var CustName = $(va).closest('tr').find('td').eq(1).text();

在您可以从按钮的OnClientClick 属性调用函数之后。所以声明如下。

<asp:LinkButton ID="btnDetails" runat="server" Text="<img src='../img/Details.png'>" CausesValidation="false" OnClientClick="GetValue(this);"></asp:LinkButton>