JS 给一个li添加样式,同时去掉其他li的样式

JS 给一个li添加样式,同时去掉其他li的样式,第1张

<script type="text/javascript" defer="defer">

function changeStyle(ele){

var liAry=document.getElementById("box").getElementsByTagName("li")

var liLen=liAry.length

var liID=ele.id

for(var i=0i<liLeni++)

{

if(liAry[i].id==liID)

{

liAry[i].style.backgroundColor="#cccccc"

}

else

{

liAry[i].style.backgroundColor="white"

}

}

}

</script>

<div id="box">

<li id='1' style="background-color:#cccccc" onclick="changeStyle(this)">AAA</li>

<li id='2' onclick="changeStyle(this)">BBB</li>

<li id='3' onclick="changeStyle(this)">CCC</li>

</div>

//把你的js代码替换成这个

 $('#three_liest li').bind("click",function(){

           $(this).addClass("active").siblings().removeClass("active")

        })


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/7996980.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存