我有一个看起来像这样的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非常相似,但无法满足我的需要,谁能帮我?
提前致谢!
解决方法
你可以试试这个:
- $(function() {
- $('h5').each(function(i,e) {
- $(e).nextUntil('h5').wrapAll('<div>');
- });
- });