Wrap inner content with new element
Description
The following code shows how to wrap inner content with border with wrapInner.
Example
<html>
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {<!-- w ww. j av a 2 s . c o m-->
$("p").wrapInner("<div></div>");
});
</script>
<style>
div {
border: 2px green solid;
}
</style>
</head>
<body>
<p>
<span>span</span> Hello <span>span</span>
</p>
</body>
</html>