javascript - 使用 JQuery 或 JavaScript 访问 Gridview 内的 Eval 值

Question

我有gridview有四个columns 。里面的所有数据都是在RowDataBound中生成的事件使用 Literals 例如。

      <asp:TemplateField HeaderText="" >
            <ItemTemplate>
                 <asp:HiddenField ID="ID"  Value='<%#Eval("id")%>' runat="server" />  

                <asp:Literal ID="ltrImage" runat="server"></asp:Literal>

            </ItemTemplate>
        </asp:TemplateField>  

       and

      <asp:TemplateField HeaderText="" HeaderStyle-HorizontalAlign="Center"
            ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center">
            <ItemTemplate>
                <asp:Literal ID="lrtBrief" runat="server"></asp:Literal>      
            </ItemTemplate>
        </asp:TemplateField>    

其中之一 Literals我正在创建一个 <a>标签，我想找到 <%#Eval("id")%>值 click事件<a>标签。

我确实尝试过类似的方法，但没有成功

$('.contactLink').click(function () {

    var grd = $('#MainContent_cphMain_DisplayResults1_gvDisplay');
    var txt = $(grd).find("cells[1].innerHTML").html();

});

HTML 看起来像这样

<td align="center" style="width:5%;">
<input id="MainContent_cphMain_DisplaySearchResults1_gvListing_Listing_0" type="hidden" value="1" name="ctl00$ctl00$MainContent$cphMain$DisplaySearchResults1$gvListing$ctl02$Listing">
  <table class="contact">
  <tbody>
    <tr>
      <td valign="top">
      <h3>Test</h3>
      <h3>
      <a id="hlContact" class="contactLink format"  runat="server">Contact</a>
      <a id="hlViewF" class="viewLink format" href="CategoriesSearch.aspx?ID=1" runat="server">View </a>
      </td>
    </tr>
  </tbody>
  </table>
</td>

任何帮助将不胜感激

谢谢

Answer 1

请注意，您的两个链接缺少结束 h3。

$(".contactLink").click(function() {
    var value = $(this).closest("table") // Get the <a>'s closest <table>
                       .siblings(":hidden") // <hidden>
                       .val(); 
});

Fiddle供引用。