检查哪些元素有一个类并切换它们

Question

我正在使用 jsplumb，我正在使用它在 div 元素之间画线。我的 div 元素用作位于背景图像顶部的目标标签。最终，我正在尝试形成一张航线图。

例如，当用户在地图上按下 LONDON LUTON - <div id="luton"> 时，它将切换元素上的 selected 类并显示来自 LONDON LUTON 的所有目的地，并用线条连接 div 元素。当用户按下<button class="route-map reset">时，它将重置route-map元素内的所有div元素，禁用jsPlumb连接，并在选定元素上切换选定的类。

如何找到当前分配有selected 类的元素，并将其关闭？

$("#luton").on('click', function() {
    $(this).hide();
    $(this).toggleClass('selected');
    $("#rotterdam").show();

$(".route-map.reset").on('click', function() {
    $('div.route-map').children().show();
    $('div.route-map > div').toggleClass('selected');
    jsPlumb.detachEveryConnection();
});

Answer 1

这将从当前分配有该类的所有元素中删除类selected。

$(".selected").removeClass("selected");