jQuery实现判断li的个数从而实现其他功能

需求：当ul中的li大于6个的时候显示图片，当li小于6个的时候隐藏图片，先来看看效果：
当有7个li的时候：

当有3个li的时候：

现在吧源码放上来：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script><style type="text/css">*{margin: 0px;padding: 0px;}.hidden_m{display: none;}#div1{width: 100%;height: 1000px;background: greenyellow;}#li_m_click{background: none;border:0px;}ul li{float: left;width: 150px;background: red;border: 1px solid black;list-style: none;}#div2{width: 25px;height: 25px;background: yellow;}</style></head><body><div id="div1"><ul><li>关键词1</li><li>关键词2</li><li>关键词3</li><li id="li_m_click" ><div id="div2">图</div></li></ul></div><script type="text/javascript">$(function(){$("#div2").hide();var count = ($("ul li").length)-1;   //获取所有的li的个数，去掉点击的黑色的liif(count>6){$("#div2").show();alert('现在是大于6');}else{$("#div2").hide();alert('现在是小于6');}})</script></body>
</html>

jQuery实现判断li的个数从而实现其他功能相关推荐

jq 判断li是奇偶数时添加不同class
<script type="text/javascript">$("#yy ul li:even").addClass("itemType ...
html获取子节点数量,css判断子元素个数
这次给大家带来css判断子元素个数,css判断子元素个数的注意事项有哪些,下面就是实战案例,一起来看一下. 工作时遇到这样一个问题:根据某元素所包含的子元素个数,分别设置不同的样式,这个用js可以解决 ...
html中判断数组是否为空,jquery如何判断数组是否为空？
jquery如何判断数组是否为空? 可以通过判断数组的长度length来判断数组是否为空. 空数组的length值为空.数组的 length 属性总是比数组中定义的最后一个元素的下标大于1.对于那些具 ...
openwrt监控linux,OpenWRT上判断客户端在线个数
OpenWRT上判断客户端在线个数,有两种方式: 一.通过DHCP client分配列表 (缺点:client列表会根据超时时间刷新,一般超时时间为12h,) 二.通过arp缓存列表/proc/net ...
php判断单选框是否被选中,jquery怎么判断radio是否选中
jquery判断radio是否选中的方法:1.利用获取选中值判断选中:2.使用checked属性判断选中:3. jquery获取radio单选按钮的值:4.设置单选按钮被选中. 本教程操作环境:win ...
html判断是否有某个元素,jquery怎么判断元素是否存在？
jquery怎么判断元素是否存在?下面本篇文章就来给大家介绍一下使用jquery判断元素是否存在的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 使用JQuery想要判断元素是 ...
jquery li ul 伪分页_求教关于Jquery的ul li的分页,该怎么处理
求教关于Jquery的ul li的分页 ul 下有若干个li 3个为1个分页 1个input按钮点击显示后3个另一个显示前3个求大神这个怎么做分享到: 更多 ------解决方案-------- ...
php上传图片大小判断,jQuery实现判断上传图片类型和大小的方法示例
本文实例讲述了jQuery实现判断上传图片类型和大小的方法.分享给大家供大家参考,具体如下: 这里使用jQuery判断上传图片的类型和大小: 图片格式为: 图片大小为: $(function(){ v ...
html判断ie6,jquery如何判断是否是ie？
在前端开发中,经常需要判断用户的浏览器类型,那么jquery如何来判断用户的浏览器类型呢?下面我们一起来学习下吧. jquery如何判断是否是ie? 在jquery1.9版本之前,我们可以使用$.br ...

jQuery实现判断li的个数从而实现其他功能

jQuery实现判断li的个数从而实现其他功能相关推荐

最新文章

热门文章