js给循环中的li添加class="active"

就是点哪个li 添加class="active" 其余的不要

1、首先在html中布局好两个按钮和一个div,如下图所示。

2、接着编写添加class的方法,如下图所示,通过classList中的add。

3、运行页面以后看到如下图所示的界面。

4、点击添加class按钮就可以看到div中多了样式。

5、接下来在编写移除class样式即可。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-10-04

加一个click时间吧 用jquery的办法

$(function (){
    $('#nky li').click(function (){
        //把之前已有的active去掉
        $('.active').removeClass('active');
        //当前点击的li加上class
        $(this).addClass("active");

    });
})

追问

对不起 怪我了 没说清楚 

您刚才说的这种 我之前试过了. 因为我这个li的单机事件 触发的提交form表单 造成页面刷新了,现在就是想 回显  把刷新页面之前单机的那个li 添加active

追答

也可以啊 看你每个li的onclick事件里面都有一个ID 你在页面上是否做了循环 你就用这个id作为标识 从后台返回这个id过来
前台你就可以class="active">是jstl标签

追问

返回来了啊. test里面怎么写 这么写貌似不好使

本回答被提问者和网友采纳
第2个回答  2015-11-04
你可以使用C:if标签来判断一些变量来给不同的class 至于循环中直接换不知道。如果是动态触发的话可以使用$("#id").css() 方法 这个可以去查一下jqurry的手顺。

js给循环中的li添加class="active"
1、首先在html中布局好两个按钮和一个div,如下图所示。2、接着编写添加class的方法,如下图所示,通过classList中的add。3、运行页面以后看到如下图所示的界面。4、点击添加class按钮就可以看到div中多了样式。5、接下来在编写移除class样式即可。

js里面的class=“active”是什么意思?
.active{ color:red;} 就是用js设置了某个元素的class来起到修改样式,突出显示的效果

js中关于给两层的li标签添加class的问题,求大神解答!
一定要用js的话代码太长了我给你点思路。首先为元素绑定onclick事件,一级li和二级li区别对待。你没说清楚哪里不明白,我就猜一下你是不知道如何选中二级节点的父节点。选中当前节点的父节点的方法是this.parentNode就是当前节点的父节点了。你可以if this.onclick 那么this.parentNode.class就改为什么什...

我这里有五个li,我想点击他变背景颜色,代码样式如图,虽然知道用JS怎么写...
("#filters li").click(function(){ (this).addClass("active");})

点击li 给其中一个子元素添加样式点击同类li去掉样式, 上边是html结构...
\/\/把你的js代码替换成这个 $('#three_liest li').bind("click",function(){ $(this).addClass("active").siblings().removeClass("active"); });

JS如何实现多级菜单中当前菜单不随页面跳转样式而发生变化的详细...
四.举个栗子注:上述样式是bootstamp的样式如果当前页面是管理员页,那个给所对应的li添加class="active"的属性,父级ul的样式由style="display: none;"修改为style="display: block;",ul的父级再添加class="active"的属性,即有了图一的效果。以下是我写的js实现代码,放在公共js文件即可解释:第1...

如何通过JS来增加a标签的class样式
(function(){ (document).on("click",".nav-item>a",function(){ (this).addClass("active").parent(".nav-item").siblings(".nav-item").children("a").removeClass("active")})})如果好使,请给个采纳

jquery.fullpage.min.js 这个全屏滚动插件,怎么让页面初始化也就是...
把第一页的 <li data-menuanchor="page1" class="active"> 里面的class="active" 去掉 默认一开始就不显示第一个了 如果第一页不显示了,在页面初始化的地方 给它加上active这个class属性 就能实现初始化第一页就有动画效果了 afterRender以你的代码给你举个例子 .fn.fullpage({ slidesColor...

我在做移动端时遇见的css问题
li[class*='act'],可以选中所有class中有‘act’的li元素。 $('li').attr('class').indexOf('act'); 只是获取第一个li的class,然后判断是否有‘act’; 通过for循环可以进一步操作, for(var i = 0; i < $("li[class*='act']").length; i++){ $("li[class*='act']")[i] . . . } ...

JQ给符合当前地址的链接添加class
<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "<html xmlns="<head><meta http-equiv="Content-Type" content="text\/html;charset=UTF-8" \/><title>Document<\/title><script src="jquery.js"><\/script><style> .active { color: red; font-size: 20px...

相似回答