如果列表项中的锚点处于活动状态，我如何向元素添加类？

当列表项中的锚点处于活动状态时，向元素添加类可以通过JavaScript或者jQuery来实现。以下是两种方法的示例：

方法一：使用原生JavaScript

// 获取所有的锚点元素
var anchors = document.querySelectorAll('ul li a');

// 为每个锚点添加点击事件监听器
anchors.forEach(function(anchor) {
    anchor.addEventListener('click', function() {
        // 移除所有列表项的活动状态类
        document.querySelectorAll('ul li').forEach(function(li) {
            li.classList.remove('active');
        });
        // 为当前点击的锚点所在的列表项添加活动状态类
        this.parentNode.classList.add('active');
    });
});

方法二：使用jQuery

// 当点击锚点时
$('ul li a').on('click', function() {
    // 移除所有列表项的活动状态类
    $('ul li').removeClass('active');
    // 为当前点击的锚点所在的列表项添加活动状态类
    $(this).parent().addClass('active');
});

解释

原生JavaScript: 使用querySelectorAll选择所有的锚点元素，然后遍历这些元素并为每个元素添加点击事件监听器。在事件处理函数中，首先移除所有列表项的活动状态类，然后为触发事件的锚点所在的列表项添加活动状态类。
jQuery: 使用on方法为所有的锚点元素绑定点击事件。在事件处理函数中，使用removeClass移除所有列表项的活动状态类，然后使用addClass为当前点击的锚点所在的列表项添加活动状态类。