jQuery在div中包装元素集 [英] jQuery wrap sets of elements in div

问题描述

您好我想用jQuery来包装div中的元素集

HTML：

 < H3>标题< / H3> 
< ul> 
< li>功能< / li> 
< li>功能< / li> 
< / ul> 
 
< h3>标题< / h3> 
< ul> 
< li>功能< / li> 
< li>功能< / li> 
< / ul> 
 
< h3>标题< / h3> 
< ul> 
< li>功能< / li> 
< li>功能< / li> 
< / ul> 
  

所需结果：

 < div class =box> 
< h3>标题< / h3> 
< ul> 
< li>功能< / li> 
< li>功能< / li> 
< / ul> 
< / div> 
 
< div class =box> 
< h3>标题< / h3> 
< ul> 
< li>功能< / li> 
< li>功能< / li> 
< / ul> 
< / div> 
 
< div class =box> 
< h3>标题< / h3> 
< ul> 
< li>功能< / li> 
< li>功能< / li> 
< / ul> 
< / div> 
  

我的问题类似于以下内容但我无法得到Russ Cam建议的解决方案。

使用jQuery将三个重复的div组合成一个

提前致谢。

试试这个：

  $（文件）.ready（function（）{
 $（'h3'）。each（function（）{
 $（this）.add（$（this）.next（））。wrapAll（'< div class =box>< / div>'）; 
}）
}）
  

Hello I would like to use jQuery to wrap sets of elements in a div

HTML:

<h3>Title</h3>
<ul>
<li>Feature</li>
<li>Feature</li>
</ul>

<h3>Title</h3>
<ul>
<li>Feature</li>
<li>Feature</li>
</ul>

<h3>Title</h3>
<ul>
<li>Feature</li>
<li>Feature</li>
</ul>

Desired Result:

<div class="box">
    <h3>Title</h3>
   <ul>
    <li>Feature</li>
    <li>Feature</li>
    </ul>
    </div>

<div class="box">
    <h3>Title</h3>
   <ul>
    <li>Feature</li>
    <li>Feature</li>
    </ul>
    </div>

<div class="box">
    <h3>Title</h3>
   <ul>
    <li>Feature</li>
    <li>Feature</li>
    </ul>
    </div>

My question is similar to the following but I was unable to get the solution suggested by Russ Cam to work.

Wrap three repeating div groups into one using jQuery

Thanks in advance.

解决方案

Try this:

$(document).ready(function(){
 $('h3').each(function(){
  $(this).add( $(this).next() ).wrapAll('<div class="box"></div>');
 })
})

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