Проверка, какие элементы имеют класс и переключение их

0

Я играю с jsplumb, и я использую его для рисования линий между элементами div. Мои элементы div служат в качестве целевых тегов, которые расположены поверх фонового изображения. В конечном счете, я пытаюсь составить карту маршрутов полета.

Например, когда пользователь нажимает LONDON LUTON на карте - <div id="luton"> он переключит класс, selected в элементе, и покажет все адресаты из LONDON LUTON, с линиями, соединяющими элементы div. Когда пользователь нажимает <button class="route-map reset">, он сбросит все элементы div в элементе route-map, отключит 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();
});
  • 1
    Не могли бы вы хотя бы показать свой HTML тоже? Jsfiddle будет лучше, но не обязательно
  • 0
    «Как найти элементы, которым в настоящий момент назначен выбранный класс?» Просто используйте $('.selected')
Показать ещё 1 комментарий
Теги:
jsplumb

1 ответ

1
Лучший ответ

Это приведет к удалению класса, selected из всех элементов, которым назначен данный класс.

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню