jQuery Set Image TITLE from ALT Tag

Sam Deering
Tweet

jQuery Code Snippet to get the alt tags of each image and set the title tag so it is the same as the alt tag. Could be useful to improve SEO for the web page and added support for browsers such as Firefox that utilise image title tags.

jQuery(document).ready(function($) {
	$("img:not([title])").each(function() {
			if($(this).attr("alt") != '') $(this).parent().attr("title", $(this).attr("alt"))
			else $(this).parent().attr("title", $(this).attr("src"));
	});
});

Get your free chapter of Level Up Your Web Apps with Go

Get a free chapter of Level Up Your Web Apps with Go, plus updates and exclusive offers from SitePoint.

No Reader comments