Javascript 如何在单击的元素上添加类，但通过最近的（）方法从其他元素中删除

如何在单击.line类的同时使用jquery中的最近（）方法将.active类添加到离.table单元格右侧类更近的.line类，但同时从所有其他位置删除.active类

   <div class="line">
     <div class="table-cell">
       <span class="zky-points">1 ZKY </span><span class="sp-symbol">℗</span>
     </div>
     <div class="table-cell-right">
       <span class="euro">€</span> 1ZKY
       <button name="credit" class="btn btn-primary buy-credit" type="button">Buy Credit<div class="ripple-wrapper"></div></button>
     </div>
    </div>

    <div class="line">
     <div class="table-cell">
       <span class="zky-points">1 ZKY </span><span class="sp-symbol">℗</span>
     </div>
     <div class="table-cell-right">
       <span class="euro">€</span> 1ZKY
       <button name="credit" class="btn btn-primary buy-credit" type="button">Buy Credit<div class="ripple-wrapper"></div></button>
     </div>
    </div>

1 ZKY℗
1ZKY欧元
购买信贷
1 ZKY℗
1ZKY欧元
购买信贷

您不需要这里的

最近的
函数。因为您不是在更改父元素，而是在更改子元素。因此，您需要有效地使用
find（）

$（this.find（'.active'）.removeClass（'active'）
或
$（'.active'，this.removeClass（'active'）$（'.line'）。在（'click'，function（）{$（this）.find（'.active'）.removeClass（'active'）；}）@kailash检查有关
closest（）
方法的文档，您的问题没有意义
$(".line").click(function () {
    // Remove all the other classes.
    $('.active').removeClass('active');
    // Add the correct active class.
    $(this).find('.table-cell').addClass('active');
});