您的位置:首页 > Web前端 > CSS

遍历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' 有的话就删除,没有的话就添加 
                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  遍历 class JQ遍历li