jquery.filter() 实现元素前3个显示,其余的隐藏
2024-10-18 15:29:56
<head>
<meta charset="UTF-8">
<title></title>
<style>
li {
display: none;
}
</style>
</head>
<body>
<ul>
<li class="info">1</li>
<li>2</li>
<li class="info">3</li>
<li class="info">4</li>
<li>5</li>
<li>6</li>
</ul>
<script src="jquery-3.3.1.min.js"></script>
<script>
$("li").filter(":lt(3)").show().end().filter(":gt(2)").hide()
解析:
index值从 0 开始。
:lt 选择器选取带有小于指定 index 值的元素。
:gt 选择器来选取 index 值大于指定数的元素。
// filter() 返回匹配的元素
$("li").filter(".info").show(); // 1 3 4 显示
// not() 返回不匹配的元素
$("li").not(".info").show() // 2 5 6显示
</script>
</body>
最新文章
- C# 使用IEnumerable,yield 返回结果,同时使用foreach时,在循环内修改变量的值无效(二)
- 重读 code complete 说说代码质量
- checkbox样式自定义
- Doctrine2 SQL语句
- 灵活QinQ配置
- Awk by Example--转载
- (一)S5PV210开发板常用易忘操作记录
- BZOJ 3398 牡牛和牝牛
- Python(2.7.6) 特殊方法
- 快速排序(Quick Sort)
- Android启动过程分析
- obj-c编程03:多个参数方法的定义
- vue实现打印功能的两种方法
- Storm入门(三)HelloWorld示例
- Struts网站基于Filter的XSS漏洞修复
- 008_Node中的require和import
- Visual Studio进行Web性能测试- Part II
- 洛谷P4112 最短不公共子串
- JavaScript对象之深度克隆
- 【android】 adb logcat命令查看并过滤android输出log