jQuery wrapInner() 方法 用于给选定的元素周围内部包裹一个其它的元素。

语法

$(selector).wrapInner(wrapElement,function(index))

方法参数

参数说明
wrapElement为必填参数。它指定要环绕每个选定元素的 HTML 元素。它的可能值是:HTML 元素jQuery 对象或者DOM元素
function(index)是可选参数。它指定了一个返回包装元素的函数。index:提供元素在集合中的索引位置。

例子

例1

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").wrapInner("<em></em>");
    });
});
</script>
</head>
<body>
<p>jQuery wrapInner() 方法例子</p>
<p>这是 yxjc123.com </p>
<button>点击给p元素内部包裹一个em元素</button>
</body>
</html>
例2 
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").wrapInner("<em><b><marquee></marquee></b></em>");
    });
});
</script>
</head>
<body>
<p>jQuery wrapInner() 方法例子</p>
<p>这是 yxjc123.com</p>
<button>点击给p元素包裹一个&lt;em&gt;&lt;b&gt;&lt;marquee&gt;元素</button>
</body>
</html>