要素1

要素2
<style>
	.wra div	{border:dotted 1px red;margin:10px;padding:10px;}
	.wra p, .wra span	{border:dotted 1px blue; margin:10px;padding:10px;}
</style>
<script>
	$(function(){
		$('.wra p,.wra span').wrap('<div></div>');
	});
</script>
<div class="wra">
	<p>要素1</p>
	<span>要素2</span>
</div>