Saturday, September 22, 2012

Asp.Net jQuery get href ID


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

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

alert($('#lnkGoogle').attr('id'));



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('ID: ' + $('#lnkGoogle').attr('id'));
            });
        });
    </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 ID of the Hyperlink is displayed in the message box.

Posted by at
Labels: , ,

Search Flipkart Products:
Flipkart.com

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)