遍历ul下的li的点击事件给予class样式属性
2016-12-13 10:39
423 查看
<dd><ul class="choose-list clearfix"><li value="1" class="list-item task_type_item">下载</li><li value="2" class="list-item task_type_item">注册</li><li value="3" class="list-item task_type_item">绑卡</li><li value="4" class="list-item task_type_item">开户</li><li value="5" class="list-item task_type_item">购物</li><li value="6" class="list-item task_type_item">分享</li></ul><input type="hidden" id="task_type" name="task_type" value="3"></dd>这个是页面的情况$('#taskType ul').on('click','li',function (e){if($(this).hasClass('item-active')){$(this).removeClass('item-active');//TODO 进行隐藏域的添加}else{$(this).addClass('item-active');//TODO 进行隐藏域的减少}});遍历div下的ul。获取li的点击事件。removeClass('item-active');
addClass('item-active');// 添加样式和删除样式$(this).hasClass('item-active') //进行class的判断,是否有class='item-active' 有的话就删除,没有的话就添加
相关文章推荐
- js循环遍历ul中li的点击事件,给给选中li添加css
- 淘宝一面 关于JavaScript中的事件代理(例子:ul中无数的li上添加点击事件)
- 遍历一个ul设置各个li不同的样式
- 关于JavaScript中的事件代理(例子:ul中无数的li上添加点击事件)
- JS遍历ul下的li点击弹出li的索引的实现方法
- 动态添加class名,改变标签样式(包含鼠标移入、移出及点击事件)
- <li>的鼠标移入移出事件和点击事件分别实现为当前li添加样式,删除其他li样式
- 2016/4/1 jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色
- 动态生成 ul 的li jquery 点击事件无法获取到li
- 给一个ul列表中点击到的li赋予样式
- 淘宝一面 关于JavaScript中的事件代理(例子:ul中无数的li上添加点击事件)
- 对Ul下的li标签执行点击事件
- 对ul 下的li标签执行点击事件
- 遍历ul下的li,点击弹出li的索引
- jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色
- li设置float属性后ul的高度不能自适应解决办法
- 常用的div ul li css样式 详细的UL-LI样式三种形式
- [HTML]去除li前面的小黑点,和ul、LI部分属性[转]
- list-style:none这一css属性只能应用在ul标签中而不能应用在li标签中
- JavaScript事件编程入门案例和对对象属性的遍历