javascript - 如何重置在整个页面中应用的 jQuery 切换类？ ( Angular 元素)

Question

以下 CSS 应用于单击一个元素上可用的链接:

<a class="vehicleinfo avai-vehicle-info-anc-tag" ng-click="vehicleInfo($event)">Vehicle Info 
    <span class="s-icon red-down-arrow"> </span>
</a>

$scope.vehicleInfo = function(event) {
    var el = jQuery(event.currentTarget),
    featuredcarbox = el.closest(".avilablecar.available-car-box");
    featuredcarbox.find(".avlcarimagetab img").toggleClass("slide-left");
    featuredcarbox.toggleClass("bg-grey");
    el.toggleClass("icon-remove");
    featuredcarbox.find(".available-car-fac").toggleClass("hidden");
}

我想删除在调用一个函数时应用于每个元素(车辆)的所有上述切换类。

我怎样才能实现？？

Answer 1

太简单了……我想。如果您需要删除切换类，只需将 toggleClass 替换为 removeClass。正如我在新功能中展示的那样/

$scope.vehicleClassRessetInfo = function(event) {
    var el = jQuery(event.currentTarget),
    featuredcarbox = el.closest(".avilablecar.available-car-box");
    featuredcarbox.find(".avlcarimagetab img").removeClass("slide-left");
    featuredcarbox.removeClass("bg-grey");
    el.removeClass("icon-remove");
    featuredcarbox.find(".available-car-fac").removeClass("hidden");
}