js实现用li进行筛选
2015-11-05 23:07
561 查看
<ul id="filter-school" class="am-avg-sm-2 filter-box"> <li>中国海洋大学</li> <li>中国海洋大学</li> <li>青岛大学</li> <li>青岛科技大学</li> <li>中国石油大学</li> <li>山东大学</li> </ul> <ul id="filter-direction" class="am-avg-sm-2 filter-box"> <li>的</li> <li>中国海洋大学</li> <li>青岛大学</li> <li>青岛科技大学</li> <li>中国石油大学</li> <li>山东大学</li> </ul> <button onclick="filterbtn()">123</button>
<script> function clearselesch(){ $("#filter-school > li").each(function(){ $(this).removeClass("selected") }) } function clearseledir(){ $("#filter-direction > li").each(function(){ $(this).removeClass("selected") }) } window.onload = function(){ var lis1 = document.getElementById('filter-school').getElementsByTagName("li"); for (var i = 0; i < lis1.length; i++) { lis1[i].a = i; lis1[i].onclick = function(){ schoolvalue = this.a; console.log(schoolvalue) } }; var lis2 = document.getElementById('filter-direction').getElementsByTagName("li"); for (var i = 0; i < lis2.length; i++) { lis2[i].a = i; lis2[i].onclick = function(){ directionvalue = this.a; console.log(directionvalue) } }; } $("#filter-school > li").click(function(){ clearselesch(); $(this).addClass("selected"); }) $("#filter-direction > li").click(function(){ clearseledir(); $(this).addClass("selected"); }) function filterbtn(){ url = schoolvalue + "/" + directionvalue; console.log(url) } </script>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- IE8开发人员工具教程(二)
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- Ruby on Rails中jquery_ujs组件拖慢速度的问题解决
- PowerShell中执行Javascript的方法示例
- javascript asp教程第六课-- response方法