.attr()
MethodYou can use the jQuery .attr()
method to dynamically set or change the value of href
attribute of a link or anchor tag. This method can also be used to get the value of any attribute.
The following example will show you how to convert all hyperlinks or links in an HTML document from "http" to "https" when the document becomes ready with jQuery.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Set HREF for Anchor Tag</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
$('a[href^="http://"]').each(function(){
var oldUrl = $(this).attr("href"); // Get current url
var newUrl = oldUrl.replace("http://", "https://"); // Create new url
$(this).attr("href", newUrl); // Set herf value
});
});
</script>
</head>
<body>
<p><a href="http://www.google.com">Google</a></p>
<p><a href="http://www.gmail.com">Gmail</a></p>
</body>
</html>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]
How to Install Sublime Text 4 on Ubuntu
Sublime text is powerful, lightweight an...Laravel Generate HTML to PDF with Laravel domPDF
In this article we will share with you h...How to Import Large Database in MySQL using Commandline (CMD)?
in this article, i will share with you h...How to Detect a Mobile Device in jQuery
Use the JS matchMedia() Method You ca...How to populate state dropdown based on option selected in country dropdown using jQuery
Use the jQuery ajax() method...