Manuale jQuery

Racchiude elementi html intorno ad un elemento selezionato

Sintassi

$(selector).wrapAll(wrappingElement)

Esempio

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("div").wrapAll("<div style='border:1px solid red;width:200px; height:200px;'></div>");
	});
});
</script>
<div id="d1" style="border:1px solid red;width:100px; height:100px;">
</div>
<div id="d2" style="border:1px solid red;width:100px; height:100px;">
</div>
<button>wrap</button>

Verrà creato un div che contiene entrambi gli elementi div

Da notare la differenza con wrap

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("div").wrap ("<div style='border:1px solid red;width:200px; height:200px;'></div>");
	});
});
</script>
<div id="d1" style="border:1px solid red; width:100px; height:100px;">
</div>
<div id="d2" style="border:1px solid red; width:100px; height:100px;">
</div>
<button>wrap</button>

In questo caso verrà creato un div contenitore per ciascuno dei due div presenti