jQuery Wrap All Images on Page

Sam Deering
Tweet

Simple jQuery code snippet to wrap all images on a web page into a div which contains a class for formatting. The jQuery wrap() function can be used to wrap any elements on a page with any html code.

jQuery(document).ready(function($) {
	$("img").each(function() {
		$(this).wrap('<div class="someclass"></div>');
	}
});

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