// 切换分类事件
category.addEventListener('click',e => {
e = e || window.event;
let target = e.target; // li标签及其内容
// 判断点击的对象是li
if(target.nodeName === 'LI'){
// 切换类名
// ...category.children 是所有li的伪数组
// 可通过展开运算符...,放到中括号中,作为数组
// console.log([...category.children]);
[...category.children].forEach(item => {
// item.className = '' //这种方法让每一个li都有class属性
item.classList.remove('active')
})
target.classList.add('active')
// 将选中的分类添加给info
info.category = target.innerText === '全部'? '':target.innerText
// 筛选后回到第一页
info.current = 1;
// 重新请求列表数据
getList()
}
})
JS中点击分类后,重新请求列表数据
最新推荐文章于 2022-11-28 09:42:34 发布