javascript 点击改变 class 名

怎么实现 点击<标题1> class="a1" 后变为 class="b2" ,之后点击另外一个<标题2>class就变为变为 class="b2" ,<标题1>又变回为 class="a1"。总之就是点击改变class名,点击改变一个class 名 另一个就恢复原来的class名。(a标签不能改动。a 标签不能加ID或者跳转等。因为别的程序占了)

<li class="a1" ><a href="#">标题1</a></li>
<li class="a1" ><a href="#">标题2</a></li>
<li class="a1" ><a href="#">标题3</a></li> 

1个回答

<li class="a1" ><a href="#">标题1</a></li>
<li class="a1" ><a href="#">标题2</a></li>
<li class="a1" ><a href="#">标题3</a></li> 
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">

$('li').each(function(index, el) {
    $(el).click(function(event) {
        /* Act on the event */
        $('li').attr('class','a1');
        $(this).attr('class','b2');
    });
});
</script>
qq_34571911
qq_34571911 谢谢你,你这个要引入一个JS文件,感觉太复杂了,代码量就多了很多了。我找到了新方法,就几句js代码就搞定了,完全不用引入JS文件。很简单,但是还是谢谢你的帮助。
大约 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐