Saturday, September 22, 2012

Asp.Net jQuery get Link Text


The jQuery library provides various options to work with href links, in this post Asp.Net jQuery get href Link Text, we shall see on how to get the Text value of a href control.

We can get the Text value of a href control using jQuery as follows.

alert('TEXT: ' + $('#lnkGoogle').text());


Here is a full example

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Links (a href)</title>
    <link
      type="text/css"
      href="Stylesheet.css"
      rel="Stylesheet" />
    <script
      type="text/javascript"
      src="JavaScript/jquery-1.7.2.js"></script>
    <script
      type="text/javascript"
      language="javascript">
        $(document).ready(function() {
            $('#cmdGet').click(function(event) {
                event.preventDefault();
                alert('TEXT: ' + $('#lnkGoogle').text());
            });
        });
    </script>       
</head>
<body>
    <form id="frmLinks" runat="server">
        <b>Links (a Href)</b><br />
        <a id="lnkGoogle"
            href="http://www.google.com"
            target="_blank">Google</a>
        <br />
        <a id="lnkYahoo"               href="http://www.yahoo.com">Yahoo</a><br />
        <a id="lnkFacebook" href="http://www.facebook.com">Facebook</a><br />
        <br /><br />
        <b>Hyperlinks (asp:HyperLink)</b><br />
        <asp:HyperLink
            ID="lnkMicrosoft"
            runat="server"
            Text="Microsoft"
            NavigateUrl="http://www.microsoft.com/">
        </asp:HyperLink><br />
        <asp:HyperLink
            ID="lnkMSDN"
            runat="server"
            Text="MSDN"
            NavigateUrl="http://msdn.microsoft.com/en-US/">
        </asp:HyperLink> 
        <br /><br />
        <asp:Button
            ID="cmdGet"
            runat="server"
            Text="Get"
            Width="100"/>  
    </form>
</body>
</html>

Run the application, click on the Get Values button, and notice that the value of the text of the Hyperlink is displayed in the message box.

Search Flipkart Products:
Flipkart.com

No comments: