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

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");