頁(yè)面部分

<ul class="layui-nav layui-nav-tree" lay-filter="demo"><li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">默認(rèn)展開(kāi)<span class="layui-nav-more"></span></a><dl class="layui-nav-child"><dd><a href="javascript:;">選項(xiàng)一</a></dd><dd><a href="javascript:;">選項(xiàng)二</a></dd><dd><a href="javascript:;">選項(xiàng)三</a></dd><dd><a href="">跳轉(zhuǎn)項(xiàng)</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="">移動(dòng)模塊</a></dd><dd><a href="">后臺(tái)模版</a></dd><dd><a href="">電商平臺(tái)</a></dd></dl></li><li class="layui-nav-item"><a href="">云市場(chǎng)</a></li><li class="layui-nav-item"><a href="">社區(qū)</a></li> </ul>

jQuery部分：

//添加li標(biāo)簽的點(diǎn)擊事件 $('.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标签样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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