Saturday, September 22, 2012

Asp.Net jQuery get href target Attribute


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

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

alert('Attribute (target): ' + $('#lnkGoogle').attr('target'));



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($('#lnkGoogle').attr('target'));
            });
        });
    </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>

Search Flipkart Products:
Flipkart.com

No comments: