2013-12-14 48 views
0

我正在玩jsplumb,我正在使用它在div元素之間繪製線條。我的div元素充當定位在背景圖像頂部的目標標籤。最終,我試圖形成一個航線圖。檢查哪些元素有一個類並切換它們

例如,當用戶在地圖上按下LONDON LUTON - <div id="luton">時,它將在元素上切換類selected並顯示來自倫敦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(); 
}); 
+1

你能不能至少展示你的HTML?一個jsfiddle將是最好的,但不是必要的 – ryan

+0

「我怎樣才能找到目前有選定的類分配給他們的元素」只需使用'$('。selected')' – plalx

+0

你試過[jQuery.find()](http: //api.jquery.com/find/)? – way2vin

回答

1

這將從具有該類當前分配給它們的所有元素中移除類selected

$(".selected").removeClass("selected"); 
相關問題