The jQuery library provides various options
to work with href links, in this post Asp.Net jQuery set href Text, we shall see on how to set the Text of a Hyperlink
control using jQuery.
We can set the Text of a href control using
jQuery as follows.
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()
{
$('#cmdSet').click(function(event) {
event.preventDefault();
$('#lnkGoogle').text('Gmail');
});
});
</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="cmdSet"
runat="server"
Text="Set"
Width="100"/>
</form>
</body>
</html>
Run the application, click on the Set button, the Text of the Hyperlink control will get reset from Google to Gmail
Run the application, click on the Set button, the Text of the Hyperlink control will get reset from Google to Gmail
Related Post
Asp.Net jQuery get href link
Asp.Net jQuery get href ID
Asp.Net jQuery get href target Attribute
Asp.Net jQuery get Link Text
Asp.Net jQuery set href URL
Asp.Net jQuery set href Text
Asp.Net jQuery set href Target Attribute
Asp.Net jQuery href click Event Handler
Asp.Net jQuery href mouse hover Event Handler
Asp.Net jQuery loop through all href controls in a Page
Asp.Net jQuery href Example
Asp.Net jQuery get href link
Asp.Net jQuery get href ID
Asp.Net jQuery get href target Attribute
Asp.Net jQuery get Link Text
Asp.Net jQuery set href URL
Asp.Net jQuery set href Text
Asp.Net jQuery set href Target Attribute
Asp.Net jQuery href click Event Handler
Asp.Net jQuery href mouse hover Event Handler
Asp.Net jQuery loop through all href controls in a Page
Asp.Net jQuery href Example
No comments:
Post a Comment