怎么给选中的li标签添加active属性

要给选中的 `<li>` 标签添加 `active` 属性，你可以使用以下代码：

li.classList.add('active');

在这个代码中，你可以使用 `classList` 属性来操作元素的类列表。`add()` 方法用于向元素添加一个或多个类名。通过传递 `'active'` 作为参数，你可以将 `'active'` 类名添加到选中的 `<li>` 元素上，从而设置它为被选中状态。

请注意，在执行这段代码之前，你需要确保变量 `li` 引用了你想要添加 `active` 属性的 `<li>` 元素。

相关问题

jquery页面，点击li里面的a标签页面跳转，让当前a标签激活添加背景色和颜色，其它a标签恢复初始状态

可以使用jQuery实现这个功能。首先，我们可以给每个a标签添加一个点击事件，然后在事件处理程序中执行以下操作：

1. 阻止默认的跳转行为。

2. 移除所有a标签的背景色和颜色。

3. 给当前点击的a标签添加背景色和颜色。

4. 获取a标签的href属性，并使用window.location.href跳转到对应的页面。

以下是示例代码：

$('li a').click(function(event) {
  event.preventDefault(); // 阻止默认的跳转行为
  $('li a').removeClass('active'); // 移除所有a标签的背景色和颜色
  $(this).addClass('active'); // 给当前点击的a标签添加背景色和颜色
  window.location.href = $(this).attr('href'); // 跳转到对应的页面
});

在CSS中定义.active类的样式，以实现选中状态的样式效果。

.active {
  background-color: #ccc;
  color: #fff;
}

<ul> <li class="tags-li" v-for="(item,index) in tagsList" :class="{'active': isActive(item.path)}" :key="index"> <router-link :to="item.path" class="tags-li-title"> {{item.title}} </router-link> <span class="tags-li-icon" @click="closeTags(index)"><i class="el-icon-close"></i></span> </li> </ul>

这段代码是什么意思？

这是一个 Vue.js 组件的代码，它渲染了一个标签列表。使用了 Vue.js 的指令和事件监听。具体来说：

- 使用了 v-for 指令来遍历 tagsList 数组中的每个元素，生成一个 li 标签，其中 item 表示当前元素，index 表示当前元素索引。
- 使用了 :class 绑定 class 属性，如果当前标签被选中，就添加 active 类名。
- 使用了 :key 绑定 key 属性，用于标识每个 li 标签的唯一性。
- 使用了 <router-link> 组件来创建链接，链接地址为 item.path。
- 使用了 @click 事件监听器，当用户点击关闭按钮时，调用 closeTags 方法，该方法传入当前标签的索引值，从而删除该标签。