如何利用JS实现在li中添加或删除class属性

如何利用JS实现在li中添加或删除class属性,第1张

<div class="head_nav clearfix">

<ul class="nav">

<li onclick="setCurrent(0)"><a href="#" class="CCC">AAA</a>

<li onclick="setCurrent(1)"><a href="#" class="BBB">BBB</a></li>

<li onclick="setCurrent(2)"><a href="#" class="CCC">CCC</a></li>

</ul>

</div>

<script type="text/javascript">

function setCurrent(i){

var parentElement = document.getElementById("nav")

for (var j=0j<parentElement.children.lengthj++){

parentElement.children[j].className = (i==j)?:"currentStyleName":"otherStyleName"

}

}

</script>

<html>

    <head>

        <style type="text/css">

            div{width:100pxheight:100px}

            .red{background:red}

            .green{background:green}

        </style>

        <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>

    </head>

    <body>

        <div id="div" style="background:Greencursor:hand">click</div>

        <div class="main red">div class</div>

    </body>

    <script type="text/javascript">

        $(document).ready(function(){

            $("#div").click(function(){

                var cls = $(".main").attr("class")

                if(cls == "main") $(".main").attr("class", "main red")

                else $(".main").attr("class", "main")

            })

        })

    </script>

</html>

应该理解对了你的问题:动态添加元素的class名。

直接上代码,有问题追问哈。

1、添加元素

函数:push(para),参数说明para要添加的元素

示例:

var lang = ["php","java","javascript"]

lang.push('.net')

结果:lang = ["php","java","javascript",".net"]

2、删除和替换元素

函数:splice(para1,para2,para3),参数说明para1其实位置(从0开始),para2要删除的元素个数,para3(可选)要替换的元素

示例:

a、删除

var lang = ["php","java","javascript"]

lang.splice(0,1)

结果:lang = ["java","javascript",".net"]

b、替换

var lang = ["php","java","javascript"]

lang.splice(0,1,'.net')

结果:lang = [".net","javascript",".net"]


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存