javascript – 如何用jQuery包装div标签中的各种元素?

前端之家收集整理的这篇文章主要介绍了javascript – 如何用jQuery包装div标签中的各种元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个看起来像这样的html结构:
  1. <h5>Title</h5>
  2. <p> Content </p>
  3. <ul>
  4. <li>Item</li>
  5. <li>Item</li>
  6. </ul>
  7. <p> Content </p>
  8.  
  9. <h5>Title</h5>
  10. <p> Content </p>
  11. <ul>
  12. <li>Item</li>
  13. <li>Item</li>
  14. </ul>
  15. <p> Content </p>

总而言之,它只是一些包含在它们下面的内容标题,我只需要在div中的标题标记下方的所有内容,如下所示:

  1. <h5>Title</h5>
  2. <div>
  3. <p> Content </p>
  4. <ul>
  5. <li>Item</li>
  6. <li>Item</li>
  7. </ul>
  8. <p> Content </p>
  9. </div>

我已经尝试过使用jQuery的.wrap函数,但没有运气,因为标题标签下面可以有多个类型的元素,我发现这个问题:jQuery wrap sets of elements in div非常相似,但无法满足我的需要,谁能帮我?

提前致谢!

解决方法

你可以试试这个:

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

  1. $(function() {
  2. $('h5').each(function(i,e) {
  3. $(e).nextUntil('h5').wrapAll('<div>');
  4. });
  5. });

猜你在找的jQuery相关文章