jQuery – 使用wrap()来包装多个元素?

前端之家收集整理的这篇文章主要介绍了jQuery – 使用wrap()来包装多个元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我将如何使用wrap()在一个< div>?中包装多个元素(不同的类)。

例如,在我正在工作的表单上有一个大列表的复选框输入和标签的形式:

<input>
<label>
<input>
<label>

等等

我想包装一个< div>围绕输入和标签,因此结果将是:

<div>
  <input>
  <label>
</div>
<div>
  <input>
  <label>
</div>

谢谢!

解决方法

您可以使用.wrapAll()方法
$('form > input').each(function(){
    $(this).next('label').andSelf().wrapAll('<div class="test"/>');
});

如果您的标记总是具有完全相同的顺序,我想使用:

var $set = $('form').children();    
for(var i=0,len = $set.length; i < len; i+=2){
    $set.slice(i,i+2).wrapAll('<div class="test"/>');
}

应显着更快。

参考:.wrapAll(),.andSelf(),.slice()

原文链接:https://www.f2er.com/jquery/184910.html

猜你在找的jQuery相关文章