javascript - 使按钮在单击时具有事件状态

Question

我想让一个按钮有一个类 .active 添加到它，我已经附加了 CSS 样式。我正在尝试使用 jQuery 执行此操作。

我的HTML如下:

    <ul class="num-list num-list-top">
        <li class="active"><a href="#">1</a></li>
        <li><a href="#">2</a></li>
       <li><a href="#">3</a></li>
    </ul>

我的 jQuery 如下:

    $('.num-list-top li').click(function() {
        $(".num-list-top").toggleClass("active");
    });

现在代码所做的是为所有 li 列表项赋予一个事件类。我只希望单击的 li 项目切换事件类。

Answer 1

尝试:

$('.num-list-top li').click(function() {
        $(this).toggleClass("active");
    });

因为使用 this 会点击 li