使用jQuery在div中包装元素
我有这个:使用jQuery在div中包装元素,jquery,html,word-wrap,Jquery,Html,Word Wrap,我有这个: <div>content element</div> <div class="accordionTrigger"> <div><h1>title</h1></div> <p>text</p> <p>text</p> <p>text</p> ... </div> <div>content
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
<p>text</p>
<p>text</p>
<p>text</p>
...
</div>
<div>content element</div>
<div>content element</div>
内容元素
标题
正文
正文
正文
...
内容元素
内容元素
我需要像这样将所有的p标签包装在一个div中:
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
<div class="moreInfo">
<p>text</p>
<p>text</p>
<p>text</p>
...
</div>
</div>
<div>content element</div>
<div>content element</div>
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
<p>text</p>
<p>text</p>
...
</div>
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
<p>text</p>
<p>text</p>
...
</div>
内容元素
标题
正文
正文
正文
...
内容元素
内容元素
可以用jQuery完成吗
如果我有多个
,如下所示:
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
<div class="moreInfo">
<p>text</p>
<p>text</p>
<p>text</p>
...
</div>
</div>
<div>content element</div>
<div>content element</div>
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
<p>text</p>
<p>text</p>
...
</div>
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
<p>text</p>
<p>text</p>
...
</div>
内容元素
标题
正文
正文
...
内容元素
标题
正文
正文
...
结果将是:
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
...
</div>
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
</div>
内容元素
标题
正文
正文
正文
正文
...
内容元素
标题
我可以避免吗?检查方法:
$('.accordionTrigger p').wrapAll('');
wrapAll()方法将把匹配的所有元素包装到另一个元素中(与.wrap()方法分别包装匹配的元素相比)
检查此项,它将按照预期工作
<div>content element</div>
<div class="accordionTrigger">
<div><h1>title</h1></div>
<p>text</p>
<p>text</p>
<p>text</p>
<script type="text/javascript">
$("p").wrapAll("<div class='moreinfo'/>");
</script>
</div>
<div>content element</div>
<div>content element</div>
内容元素
标题
正文
正文
正文
$(“p”).wrapAll(“”);
内容元素
内容元素