js中点击li添加类，js给类添加方法

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

“class=active”指的是标签的类，active类常用于元素被激活时的样式。

在view中添加事件。在相应js文件中添加该自定义方法changeColor， function，e，this.setData，color ， #fff。

将变量绑定到view中。在view中添加事件。在相应js文件中添加该自定义方法changeColor， function，e，this.setData，color ， #fff。

一组li，这个li不是v-for出来的。是直接写死的。

var ul = $(“.category-products ul”)；ui.children(li).eq(0).addClass(first)；ui.children(li).eq(2).addClass(last)；写成 $(“.category-products ul li”) 已经丢失了ul和li的父子关系。

下面是效果 原理就是循环出0，1，4，5，8，9，12，1。。

相关问答

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

1、首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。

2、首先为元素绑定onclick事件，一级li和二级li区别对待。你没说清楚哪里不明白，我就猜一下你是不知道如何选中二级节点的父节点。选中当前节点的父节点的方法是this.parentNode就是当前节点的父节点了。

3、li)[1]， div = ligetElementsByTagName(div)[0]； div.setAttribute(class，你要添加的样式CLASS名)； //添加属性也可以这样做。

4、思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。

5、一组li，这个li不是v-for出来的。是直接写死的。

Q2: 如何用vue.js给点过的li添加单独的class

1、一组li，这个li不是v-for出来的。是直接写死的。

2、toggleClass方法可以实现对某一class进行添加、删除操作。

3、首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。

4、一个vue文件可以写多个style/style，加上socped代表本组件的样式，不污染全局。

5、data中创建一个属性i。 li注册一个click事件并把$index的值传进去，在这个事件中把i赋值为$index。

Q3: js中关于给两层的li标签添加class的问题,求大神解答!

1、首先为元素绑定onclick事件，一级li和二级li区别对待。你没说清楚哪里不明白，我就猜一下你是不知道如何选中二级节点的父节点。选中当前节点的父节点的方法是this.parentNode就是当前节点的父节点了。

2、首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。

3、li)[1]， div = ligetElementsByTagName(div)[0]； div.setAttribute(class，你要添加的样式CLASS名)； //添加属性也可以这样做。

4、一组li，这个li不是v-for出来的。是直接写死的。

5、思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。

js中点击li添加类的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js给类添加方法、js中点击li添加类的信息别忘了在本站进行查找喔。