我需要将三个 div 合并为一个,但是这三个 div 在代码中重复了好几次。也许我的 HTML 会解释:
<div class="one" />
<div class="two" />
<div class="three" />
<div class="one" />
<div class="two" />
<div class="three" />
我想要实现的是:
<div class="wrap">
<div class="one" />
<div class="two" />
<div class="three" />
</div>
<div class="wrap">
<div class="one" />
<div class="two" />
<div class="three" />
</div>
这是将所有内容包装到一个 div 中:
$('.one, .two, .three').wrapAll('<div class="wrap" />')
如何让组分开包装?
最佳答案
$(function(){
var all = $('.one, .two, .three');
for(i=0; i<all.length; i+=3){
all.slice(i,i+3).wrapAll('<div class="wrap" />');
}
});
查看实际效果:http://jsbin.com/uqosa/
顺便说一下,<div class="one" />
在 Firefox 上对我不起作用,我不得不用 </div>
关闭它们.
关于javascript - wrapAll jQuery 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1527944/