jQuery包装列表元素

我有我的标记，像ul里面的li的数字。像这样

<ul id="menu">
<li class="test"><a href="#">dhsd</a></li>
<li class="test"><a href="#">sdghds</a></li>
- - - - - - - - - - - - -- - - - -
- - - -- - - - - - -- -- - - - -- -
<li class="lang-switch language_en"><a href="#">en</a></li>
<li class="lang-switch language_es"><a href="#">es</a></li>
<li class="lang-switch language_de"><a href="#">de</a></li>
<li class="lang-switch language_ja"><a href="#">ja</a></li>
</ul>

- - - - - - - - - - - - -- - - - -
- - - -- - - - - - -- -- - - - -- -

由此可以看出，经过数个li后，最后四个都有类名lang开关。 我想包装那些类为lang switch的li的标记。所以我的标记应该是这样的

<ul id="menu">
<li class="test"><a href="#">dhsd</a></li>
<li class="test"><a href="#">sdghds</a></li>
- - - - - - - - - - - - -- - - - -
- - - -- - - - - - -- -- - - - -- -
<ul class="listing">
  <li class="lang-switch language_en"><a href="#">en</a></li>
  <li class="lang-switch language_es"><a href="#">es</a></li>
  <li class="lang-switch language_de"><a href="#">de</a></li>
  <li class="lang-switch language_ja"><a href="#">ja</a></li>
</ul>
</ul>

 jQuery(document).ready(function() {
    var LangList = jQuery('ul#menu').find('li.lang-switch');
    jQuery(LangList).wrap('<ul class="test"></ul>');
  });

<ul class="test">
  <li class="lang-switch language_en"><a href="#">en</a></li>
 </ul>
  <ul class="test">
  <li class="lang-switch language_es"><a href="#">es</a></li>
 </ul>
  <ul class="test">
  <li class="lang-switch language_de"><a href="#">de</a></li>
 </ul>
  <ul class="test">
  <li class="lang-switch language_ja"><a href="#">ja</a></li>
 </ul>

- - - - - - - - - - - - -- - - - -
- - - -- - - - - - -- -- - - - -- -

为了添加一个wrap，我创建了一个jquery，如下所示

<ul id="menu">
<li class="test"><a href="#">dhsd</a></li>
<li class="test"><a href="#">sdghds</a></li>
- - - - - - - - - - - - -- - - - -
- - - -- - - - - - -- -- - - - -- -
<ul class="listing">
  <li class="lang-switch language_en"><a href="#">en</a></li>
  <li class="lang-switch language_es"><a href="#">es</a></li>
  <li class="lang-switch language_de"><a href="#">de</a></li>
  <li class="lang-switch language_ja"><a href="#">ja</a></li>
</ul>
</ul>

 jQuery(document).ready(function() {
    var LangList = jQuery('ul#menu').find('li.lang-switch');
    jQuery(LangList).wrap('<ul class="test"></ul>');
  });

<ul class="test">
  <li class="lang-switch language_en"><a href="#">en</a></li>
 </ul>
  <ul class="test">
  <li class="lang-switch language_es"><a href="#">es</a></li>
 </ul>
  <ul class="test">
  <li class="lang-switch language_de"><a href="#">de</a></li>
 </ul>
  <ul class="test">
  <li class="lang-switch language_ja"><a href="#">ja</a></li>
 </ul>

jQuery（文档）.ready（函数（）{
var LangList=jQuery（'ul#menu'）。find（'li.lang开关'）；
jQuery（LangList）.wrap（'
）；
});

但这一个是这样做的

<ul id="menu">
<li class="test"><a href="#">dhsd</a></li>
<li class="test"><a href="#">sdghds</a></li>
- - - - - - - - - - - - -- - - - -
- - - -- - - - - - -- -- - - - -- -
<ul class="listing">
  <li class="lang-switch language_en"><a href="#">en</a></li>
  <li class="lang-switch language_es"><a href="#">es</a></li>
  <li class="lang-switch language_de"><a href="#">de</a></li>
  <li class="lang-switch language_ja"><a href="#">ja</a></li>
</ul>
</ul>

 jQuery(document).ready(function() {
    var LangList = jQuery('ul#menu').find('li.lang-switch');
    jQuery(LangList).wrap('<ul class="test"></ul>');
  });

<ul class="test">
  <li class="lang-switch language_en"><a href="#">en</a></li>
 </ul>
  <ul class="test">
  <li class="lang-switch language_es"><a href="#">es</a></li>
 </ul>
  <ul class="test">
  <li class="lang-switch language_de"><a href="#">de</a></li>
 </ul>
  <ul class="test">
  <li class="lang-switch language_ja"><a href="#">ja</a></li>
 </ul>

所以，有人可以告诉我如何做一个包装的theose清单与同一类

使用

var LangList=jQuery（'ul#menu'）.find（'li.lang开关'）；
LangList.wrapAll（“
”）；

正如Rajaprabhu Aravindasamy指出的，您不需要再次将

LangList

转换为jQuery对象，因为它已经是jQuery对象了。

尝试使用

jQuery（文档）.ready（函数（）{
var LangList=jQuery（'ul#menu'）。find（'li.lang开关'）；
LangList.wrapAll（“
”）；
});

在jquery中使用wrapAll

 $(".lang-switch").wrapAll("<div class=listing></div>");

$（“.lang开关”）.wrapAll（“”）；

---

无需将jquery对象再次转换为jquery对象。