如何用jQuery包装div标签中的各种元素？ [英] How to wrap various elements in a div tag with jQuery?

问题描述

 < h5>标题< / h5> 
< p>内容< / p> 
< ul> 
< li>项目< / li> 
< li>项目< / li> 
< / ul> 
< p>内容< / p> 
 
< h5>标题< / h5> 
< p>内容< / p> 
< ul> 
< li>项目< / li> 
< li>项目< / li> 
< / ul> 
< p>内容< / p> 
  

总而言之，它只是一些标题，其内容低于它们，我只需要标题标记下方的所有内容这样的div：

 < h5>标题< / h5> 
< div> 
< p>内容< / p> 
< ul> 
< li>项目< / li> 
< li>项目< / li> 
< / ul> 
< p>内容< / p> 
< / div> 
  

我试过使用 .wrap jQuery的功能，但没有运气，因为可以有多个类型元素下面的标题标签，我发现这个问题：> jQuery在div中包装元素集合这非常相似，但一直不能满足我需要，任何人都可以帮助我？

$ p

解决方案

您可以试试这个：

http://jsfiddle.net/GGjXN/1/

（$（$）$ $ $ $ $ $' wrapAll（'< div>）;
}）;
}）;

I have an html structure that looks like this:

<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>

In summary it's just some headers with content below them, I just need everything below the header tags in a div like this:

<h5>Title</h5>
<div>
    <p> Content </p>
    <ul>
        <li>Item</li>
        <li>Item</li>
    </ul>
    <p> Content </p>
</div>

I've tried using the .wrap function of jQuery but no luck since there can be multiple types elements below the header tags, I found this question: jQuery wrap sets of elements in div which is very similar but haven't been able to fit it into what I need, can anyone help me?

Thanks in advance!

解决方案

You can try this:

http://jsfiddle.net/GGjXN/1/

$(function() {
    $('h5').each(function(i, e) {
        $(e).nextUntil('h5').wrapAll('<div>');
    });
});

这篇关于如何用jQuery包装div标签中的各种元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！