Javascript：查找其他ID

Question

我有 5 个 div，其 class 为 "ticket-selection" 和唯一 ID。我想出了如何在点击时找到每个唯一 ID，并添加一个 class。但是，我想找到所有其他 ID，并删除 class（因此只有 1 个 ID 具有 "active" class）。这是我的代码：

        var $ticket;

        $('.ticket-section').on('click', function(e) {
            $ticket = $(this);
            if (this.id) {
                alert(this.id);
                $(this).toggleClass("active");
            }
            e.preventDefault();
        });

我相信我需要创建一个数组，但我不确定它是如何集成到这段代码中的。我可以说“如果单击此 ID，则添加类，但在其他 4 个 ID 上删除类。谢谢。

Answer 1

您可以使用删除 class 从 .ticket-section 中删除所有 active class，然后在点击处理程序中添加到 this。

$('.ticket-section').removeClass('active');
$(this).addClass('active')

Answer 2

 $('.ticket-section').on('click', function(e) {
        $(".active").removeClass("active") ;
        $(this).addClass("active");

    });

Javascript：查找其他ID

Javascript: Find Other IDs

javascript

arrays

variables

jquery

var