Задача стоит такая: есть определенное количество span, нужно завернуть их по три штуки, в div
Когда спанов 6, 9, 12 - все работает правильно
А вот когда их не кратное трем количество, получается не то что мне надо: в первом диве один или два спана - а надо в последнем, + почему то 1-й спан в последнем диве
Вообщем помогите пожалуйста, второй день не могу понять почему...
<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<style type="text/css">
span {
width:100px; height:100px;
margin:5px; border:3px double #369;
}
div {
border:3px solid #369;
padding: 5px
}
</style>
<script type="text/javascript">
$(function(){
var perpage = 3;
num = $(".item span").length;
page = Math.ceil(num/perpage);
for (var i=1; i<page+1; i++) {
$(".item").append("<div class=item" + i + "></div>");
nws = $(".item span").slice(0,3);
$(".item" + i).html(nws);
}
});
</script>
</head>
<body>
<div class='item'>
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span>6</span>
<span>7</span>
<span>8</span>
<span>9</span>
<span>10</span>
<span>11</span>
<span>12</span>
<span>13</span>
</div>