SVGのすべての要素からクラスを削除しますか？

Question

jQueryを通してSVGのすべての要素からクラスを削除し、特定のIDにクラスを追加する方法はありますか？

私はIDでSVGの要素を切り替えることを試みていますが、データIDから来る正確なIDはわかりません。

jQueryの

var amenityid = $(this).attr("data-id"); 
    $('.amenitypage svg').removeClass("highlight"); 
    $('.amenitypage svg #' + amenityid).addClass("highlight"); 

UPDATE：これは私のために働くようです。ポリラインとポリゴンによる削除を指定した場合。

$('.amenitypage svg polyline,.amenitypage svg polygon').removeClass("highlight"); 
$('.amenitypage svg #' + amenityid).addClass("highlight"); 

Answer 1

あなたがsvgからすべての要素を削除した場合、それらをすべて削除すると、アメニティIDを見つけることができません。

svgタグ内のすべてを空にするには次のようにします。

$('.amenitypage svg').html(''); 

Answer 2

あなただけちょうどそのクラスをターゲットとする代わりに、自身が最も簡単なのでようであるかもしれない要素をターゲットに、その後.hightlightクラスを削除する場合：

$('.highlight').removeClass("highlight"); 

そして、あなたが他の要素でハイライトクラスを持っている場合あなたのSVGの外に、あなただけのIDであなたのSVGをラップし、そのIDのハイライトクラス

$('#myElement .highlight').removeClass("highlight"); 

をターゲットここでフィドルであることができFiddle Demo