要素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>