JavaScript
Article

jQuery Change Hyperlink Attribute Values

By Sam Deering

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');
	});
});

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.