[英]Simplify jQuery Code Simplify
<!-- Brands -->
<div class="brands">
<ul class="thumbnails">
<li class="span3"> <a href="#" class="thumbnail"> hello1 </a> </li>
<li class="span3"> <a href="#" class="thumbnail"> hello2 </a> </li>
<li class="span3"> <a href="#" class="thumbnail"> hello3 </a> </li>
<li class="span3"> <a href="#" class="thumbnail"> hello4 </a> </li>
<li class="span3"> <a href="#" class="thumbnail"> hello5 </a> </li>
<li class="span3"> <a href="#" class="thumbnail"> hello6 </a> </li>
<li class="span3"> <a href="#" class="thumbnail"> hello7 </a> </li>
<li class="span3"> <a href="#" class="thumbnail"> hello8 </a> </li>
</ul>
</div>
这是我的HTML代码,这是我的jQuery代码。
$(document).ready(function () {
$('.brands li').click(function () {
var index = $(this).index();
alert(index);
if (index < 4) {
alert('less than 4');
}
if (index > 4 && index < 8) {
alert('less than 8');
}
if (index > 8 && index < 12) {
alert('less than 12');
}
});
});
如果li小于第4个孩子,我试图稍后在第4个li之后插入新li,然后在第8个li之后插入li,如果le小于第8个孩子,依此类推。 有什么方法可以简化而不是有很多if语句?
您可以使用它来计算它是哪个组而不是if语句:
var group = parseInt((index - 1) / 4) + 1;
alert((group * 4) + " or less");
或这个:
var group = parseInt(index / 4) + 1;
alert("less than " + (group * 4));
根据您的要求,您的问题与您的示例代码不符。
你能做的是:
var section=4*~~(index/4);
$('.brands li:nth-child('+section+')').append('<span>new li</span>');
这将对您的索引进行整数除法,从而为您提供适合您的值的4的倍数。 https://stackoverflow.com/a/4228528/1260792
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.