如何用jQuery在div标签中包装各种元素？
如何用jQuery在div标签中包装各种元素？
提问于 2011-08-04 05:49:27
我有一个如下所示的html结构：
<h5>Title</h5>
<p> Content </p>
<ul>
<li>Item</li>
<li>Item</li>
</ul>
<p> Content </p>
<h5>Title</h5>
<p> Content </p>
<ul>
<li>Item</li>
<li>Item</li>
</ul>
<p> Content </p>总而言之，这只是一些标题下面的内容，我只需要像这样的div中标题标签下的所有内容：
<h5>Title</h5>
<div>
<p> Content </p>
<ul>
<li>Item</li>
<li>Item</li>
</ul>
<p> Content </p>
</div>我试过使用jQuery的.wrap函数，但没有成功，因为标题标签下面可能有多个类型元素，我发现了这个问题：jQuery wrap sets of elements in div与我非常相似，但无法满足我的需求，有人能帮我吗？
提前感谢！
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-08-04 06:12:02
您可以尝试这样做：
$(function() {
$('h5').each(function(i, e) {
$(e).nextUntil('h5').wrapAll('<div>');
});
});Stack Overflow用户
发布于 2011-08-04 06:08:42
执行以下操作：
$(document).ready(function () {
$('h5').each(function () {
$(this).nextUntil('h5').wrapAll('<div class="box"></div>');
})
})Stack Overflow用户
发布于 2011-08-04 06:01:16
尝尝这个
var $div;
$("h5").each(function(){
$div = $("<div />");
if($(this).nextAll("h5").length){
$(this).after($div.append($(this).nextUntil("h5")));
}
else{
$(this).after($div.append($(this).siblings()));
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6936740
复制相关文章
相似问题
Jquery包装元素在div中
jQuery :在多个div中包装元素
如何用jquery围绕两个元素包装div
jQuery -如何用标签包装输入标签
使用JQuery在Div中包装多组元素
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
