Я играю с 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();
});
Это приведет к удалению класса, selected
из всех элементов, которым назначен данный класс.
$(".selected").removeClass("selected");
$('.selected')