Question

关于JQUERY IF ELSE判断

<div class="n">
<i>我是1</i>
<i>我是2</i>
<i>我是3</i>
<i>我是4</i>
<i>我是5</i>
<i>我是6</i>
<i>我是7</i>
<i>我是8</i>
<i>我是9</i>
<i>我是10</i>
<i>我是11</i>
<i>我是12</i>
<i>我是13</i>
<i>我是14</i>
<i>我是15</i>
</div>
<div class="b">
<span>我是1</span>
<span>我是2</span>
<span>我是3</span>
<span>我是4</span>
<span>我是5</span>
<span>我是6</span>
</div>
<script>
jQuery(function(){
var numli = jQuery(".n i").length;
if (numli > 5)
{
jQuery(".b span:gt(1)").hide();
}
else if (numli > 10)
{
jQuery(".b span:gt(2)").hide();
}
else
{
jQuery(".b span:gt(0)").hide();
};
})

怎样才可以让 .n i 数量大于5显示 2个 .b 里的span大于10显示 3个.b里的span 15个显示 3 个 .b 里的span，这样以此类推。怎么判断才好。希望各位能够帮忙解答一下（比较省事的方法，可以不在我目前的上面改，因为是错误的，无法判断），非常感谢！~
补充：如果 .n i 数量小于 5 的时候只显示一个 .b 里的 span

Answer 1

JQUERY IF ELSE在循环语句中的用法说明：
1、如果开始是写的if-if-else。结果是不管第一个if有没有匹配到，会再次判断，
2、如果匹配到第二个if，则第二个if中的语句执行；没有匹配到第二个if，则else中的语句执行。
3、代码举例：
function checkkey(){
var url = '${ctx}/pos/pos!validateimei.do';
var params = {imei:$('#imei').attr('value')};
/**$('#warn').html("该imei号不存在，请重新输入！");*/
jQuery.post(url, params, callbackFun);
}

function callbackFun(data){
if(data=='yes'){
/**$('#warn').html(data);*/
$('#warn').html("该imei号存在！");
}else if(data=='no'){
/**$('#warn').html(data);*/
$('#warn').html("该imei号不存在，请重新输入！");
}else{
$('#warn').html("未知错误！");
}
/**$('#warn').html(data);*/
}

Answer 2

(function($){
	$(function(){
		var numli = $(".n i").length;
		var index = parseInt(numli/5);
		var show = $(".b span");
		show.slice(index+1).hide();
	});
})(jQuery);

描述不清楚啊，区间都是多少？我是按照<5:1,5-9:2,10-14:3,15-19:4来的。

追问

5,10,15,20,25,30每五个往上叠加这样
每5个显示一个.b span如果大于5就显示2个.b span

追答

等于5呢？

追问

等于5也只显示一个

追答

var numli = $(".n i").length;
var index = numli%5==0?numli/5-1:parseInt(numli/5);
var show = $(".b span");
show.slice(index+1).hide();