大佬教程收集整理的这篇文章主要介绍了jQuery查找浮动li中每行的项数,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
使用jQuery ..etc有没有办法确定每一行的li数
码
<ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> <li>F</li> <li>G</li> <li>H</li> <li>I</li> <li>J</li> </ul>
样式
ul,li{margin:0 0;padding:0 0;} ul li{display:inline;float:left}
对于我的决议,李的最高只有一排,其余的则如下。我想要一个jQuery的方式来获取元素数量(在我的情况下为6)在第1行。
A B C D E F G H I J
背景
我正在添加键盘事件以使用左,右,上,下导航到每个文件夹(li)。右边是突出显示下一个和上一个的简单。上下键需要去下一行和上一行。现在你会得到它:)
演示:http://jsfiddle.net/KgBpx/1/
更新演示:http://jsfiddle.net/KgBpx/2/
注意:重新计算窗口大小也可以充分演示逻辑。
码:
function calculateLIsInRow() { var lisInRow = 0; $('ul li').each(function() { if($(this).prev().length > 0) { if($(this).position().top != $(this).prev().position().top) return false; lisInRow++; } else { lisInRow++; } }); console.log('No: of lis in a row = ' + lisInRow); } calculateLIsInRow(); $(window).resize(calculateLIsInRow);
注意
对于所有行,LI的计数将相同,除非LI的总数不是lisInRow的倍数,否则最后一个。最后一行的LI数可以通过以下方式找到:$(‘ul li’)。length%lisInRow
以上是大佬教程为你收集整理的jQuery查找浮动li中每行的项数全部内容,希望文章能够帮你解决jQuery查找浮动li中每行的项数所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。