jQuery Change Hyperlink Attribute Values

Share this article

Sometimes it can be time consuming to change hyperlinks on a page. Never fear! jQuery to the rescue! Here is some jQuery code to change the attribute values for hyperlinks on a web page.

Link attribute: “name”, “id”, “class”, “target”, “href”.

$(document).ready(function(){
	$(function(){
		$("a[href^='http']").attr('target','_blank');
		$("a[href^='.pdf']").attr('target','_blank');
		$("a[href^='http']").attr('class','linkclass');
		$("a[href^='http']").attr('id','linkid');
		$("a[href^='http']").attr('name','linkname');
		$("a[href^='http://jquery4u.com']").attr('target','_blank');
	});
});
Sam DeeringSam Deering
View Author

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

jQuery
Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week
Loading form