JavaScript

jQuery Change Hyperlink Attribute Values

Sam Deering
Share

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