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

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

No Reader comments