Javascript:查找其他ID

时间:2015-08-31 15:43:33

标签: javascript jquery arrays variables var

我有5个div,带有一个“选票”和唯一ID。我想出了如何在点击时找到每个唯一ID,并添加一个类。但是,我想找到所有其他ID,并删除该类(因此只有1个ID具有“活动”类)。这是我的代码:

        var $ticket;

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

我相信我需要创建一个数组,但我不确定它是如何集成到这个代码中的。我可以说“如果点击了这个ID,addClass,但在其他4个ID上删除了类。谢谢。”

2 个答案:

答案 0 :(得分:4)

您可以使用删除类从active中删除所有.ticket-section类,并在点击处理程序中添加到this

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

答案 1 :(得分:1)

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

    });