頁面部分

<ul class="layui-nav layui-nav-tree" lay-filter="demo"><li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">默認展開<span class="layui-nav-more"></span></a><dl class="layui-nav-child"><dd><a href="javascript:;">選項一</a></dd><dd><a href="javascript:;">選項二</a></dd><dd><a href="javascript:;">選項三</a></dd><dd><a href="">跳轉(zhuǎn)項</a></dd></dl></li><li class="layui-nav-item"><a href="javascript:;">解決方案<span class="layui-nav-more"></span></a><dl class="layui-nav-child"><dd><a href="">移動模塊</a></dd><dd><a href="">后臺模版</a></dd><dd><a href="">電商平臺</a></dd></dl></li><li class="layui-nav-item"><a href="">云市場</a></li><li class="layui-nav-item"><a href="">社區(qū)</a></li> </ul>

jQuery部分：

//添加li標(biāo)簽的點擊事件 $('.layui-nav-item').click(function () {var getClass = $(this).attr('class');//判斷當(dāng)前樣式if(getClass == 'layui-nav-item layui-nav-itemed'){$(this).removeClass('layui-nav-itemed')}else if(getClass == 'layui-nav-item'){//增加樣式前先刪除掉其它li標(biāo)簽的樣式$(this).siblings('li').removeClass('layui-nav-itemed')$(this).addClass('layui-nav-itemed')} })

總結(jié)

以上是生活随笔為你收集整理的点击li标签增加样式，并删除其它li标签样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。