html部分如下
<div class="bd">
<ul>
<li>
<a class="pic" href="#"><img _src="img/wyPic1.jpg" src="images/blank.png"/></a>
<!--<p>李玟亲赴红十字会赈灾</p>-->
</li>
<li>
<a class="pic" href="#"><img _src="images/wyPic2.jpg" src="images/blank.png"/></a>
<!--<p>日皇太子妃10年首出访</p>-->
</li>
<li>
<a class="pic" href="#"><img _src="images/wyPic3.jpg" src="images/blank.png"/></a>
<p>武僧一龙一拳击败日本</p>
</li>
<li>
<a class="pic" href="#"><img _src="images/wyPic4.jpg" src="images/blank.png"/></a>
<p>被免职的雅安乡官</p>
</li>
<li>
<a class="pic" href="#"><img _src="images/wyPic5.jpg" src="images/blank.png"/></a>
<p>火箭2分险胜雷霆总分1-3</p>
</li>
<li>
<a class="pic" href="#"><img _src="images/wyPic6.jpg" src="images/blank.png"/></a>
<p>杨幂着透视长裙亮相</p>
</li>
</ul>
</div>
js如下
var $ul = $('#section5 .scrollBox1 .bd ul');
$ul.each(function () {
var $nul = $('<ul></ul>');
var $curUl = $(this);
$curUl.children().each(function (idx) {
console.log(idx);
$(this).appendTo($nul);
if ((idx + 1) % 4 === 0) {
$nul.appendTo($curUl.parent());
$nul = $('<ul></ul>');
}
});
if ($nul.children().length != 4) {
$nul.appendTo($curUl.parent());
}
$curUl.remove();
});
这里面,我不太明白写idx
是什么意思?我用console看过,结果是这样
所以这个idx到底是什么??另外这句if ((idx + 1) % 4 === 0)
又该怎么理解呢?
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…