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"));
	});
});
Tags: jquery get image alt tag, jquery img alt, jquery img title, jquery set image title
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

No Reader comments

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!