jquery - 一次在一个元素上设置事件类

Question

我拥有的是可用时间/日期的表格表示。用户可以通过单击链接“选择”来选择时间。单击此链接时，将设置“事件”类，但我想要的是当用户选择其他时间时，将删除前一个类并仅设置新元素。

我目前拥有的:

<div class="wrapper-div">
    <div class="row">
        <div class="date">monday, 2015 09 02 </div>
        <div class="time">12:10</div>
        <div class="select"><a href="#">Choose <span class="select-arrow"></span></a>            
   </div>
    </div>
    <div class="row">
        <div class="date">thuesday, 2015 06 22</div>
        <div class="time">12:30</div>
        <div class="select"><a href="#">Choose <span class="select-arrow"></span></a></div>
    </div>
    <div class="row">
        <div class="date">wensday, 2015 02 9</div>
        <div class="time">09:15</div>
        <div class="select"><a href="#">Choose <span class="select-arrow"></span></a></div>
    </div> 
</div>

jQuery 代码:

$('.select a').click(function(e){
    e.preventDefault();
    $(this).parents().eq(1).addClass('active');
    $('.wrapper-div div').each(function(){
        removeClass('active');
    });
});

还有我的工作 fiddle :http://goo.gl/E5hhyn

解决这个问题的最佳方法是什么？

Answer 1

您的 each 语法不正确，因为您没有对任何 jQuery 对象调用 removeClass。无论如何，对each 本身的需求是多余的。试试这个:

$('.select a').click(function(e){
    e.preventDefault();
    $('.wrapper-div div').removeClass('active'); // remove first
    $(this).parents().eq(1).addClass('active');
});