隐藏 link 按钮文本并显示图片

Question

如果你不明白我说的话，请通过评论告诉我不要标记或反对票

我有 linkbutton ，用于在 GridView 中获取 Id。

我想显示图片而不是文字.. 我附上图片。请参阅左侧顶部标记部分我想摆脱文字 7241

下面是我的代码..但我需要在 jquery 单击时获得 7241，请参阅底部的 jquery 代码

ASP.Net代码

 <asp:LinkButton ID="lnkSubmission" CssClass="PopupShow" runat="server"
                                                                        data-toggle="modal" ToolTip="Make Submission"  data-target="#Submission"><%# Eval("fk_LoginId") %>
                                                                        <i class="fa fa-location-arrow" aria-hidden="true"></i>
                                                                    </asp:LinkButton>

Jquery代码

 $(function () {
            $('.PopupShow').click(function () {
                var a = $(this).text();
                $("#<%=CID.ClientID%>").val(a);
            });
        });

当前图像是

Answer 1

那你为什么要用linkbutton？？

<img src="path to your image"  class="PopupShow"/>

您甚至可以使用 onClick=

来调用它

确保 PopupShow class 不会破坏您的图像风格或只是添加任何随机空白 class 和 cursor:pointer

Answer 2

您可以使用图像嵌入 <a> 标签而不是自定义 Link 按钮。它的 href 指向 Link 按钮的重定向 URL。您也可以将特定图像 URL 绑定到 img 标签。考虑下面的示例代码

<a href="<%#Eval("url_here")%>" Class="PopupShow">
      <img src="i<%#Eval("img_url_here")%>" />
</a>

否则你可以用一个javascript来做这个功能，调用img标签onClick中的方法

Answer 3

我检查过以下代码有效：

<asp:LinkButton ID="btnRandom"  runat="server"  CssClass="btn btn-primary PopupShow" >
          <span aria-hidden="true" class="glyphicon glyphicon-refresh"> <label id="lbl" style="display:none;"><%#Eval("fk_LoginId")%></label> </span>
</asp:LinkButton>

JavaScript

$('.PopupShow').click(function () {                    
          var a = $(this).find('label').html();
          console.log(a);
          alert(a);
          return false;
});

希望对您有所帮助！

隐藏 link 按钮文本并显示图片

Hide link button text and show image instead

jquery

asp.net

asplinkbutton