js实现用li进行筛选

<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 οnclick="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>

最后

以上就是娇气汽车为你收集整理的js实现用li进行筛选的全部内容，希望文章能够帮你解决js实现用li进行筛选所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。