求教下!无数个 1-5用jq增加个
包起来 第5-12个再ul包 12-21继续ul包.这种怎么实现
求教下!无数个</li></li> 1-5用jq增加个<ul></ul>包起来 第5-12个再ul包 12-21继续ul包.。。。这种如何实现?
这是下午写代码到现在突然遇到的问题,有点没有头绪,所以来此请大家帮忙。
举个例子
------解决方案--------------------
------解决方案--------------------
http://jsbin.com/reyako/1/edit?html,output
这是下午写代码到现在突然遇到的问题,有点没有头绪,所以来此请大家帮忙。
举个例子
<div class="hello">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
</div>
//那么jquery中如何用ul包起前三个、再四五个这样不定量的。
------解决方案--------------------
t = $('.hello li');
len = t.length;
n = 3;
while(len > 0) {
len -= n;
$('.hello').append($('<ul></ul>').append(t.splice(0,n++)));
}
------解决方案--------------------
http://jsbin.com/reyako/1/edit?html,output
var str = '';
for(var i = 0; i < 50; i++){
str += '<li>' + i + '</li>';
}
$('#div').html(str).find('li').slice(0,6).wrapAll('<ul></ul>').end().slice(6,12).wrapAll('<ul></ul>').end().slice(12,17).wrapAll('<ul></ul>').end().slice(17).wrapAll('<ul></ul>');