классList.toggle не работает

Question

Я пытаюсь переключить cssclass с помощью jQuery на элементе SVG каждый раз при нажатии элемента div.

Из того, что я прочитал, есть вопросы, делают это с SVG элементов и таким образом было решение:

$("#div1").click(function() { 
    $("#svg1").classList.toggle("clicked"); 
});` 

Однако, это не работает. Поэтому я предположил, что это связано с использованием элемента SVG в этой функции. Но при замене сказал SVG элемент с сНом элементом, как это:

$("#div1").click(function() { 
    $("#div2").classList.toggle("clicked"); 
}); 

класс еще не будет переключаться, несмотря на так как нет SVG элемента в функции.

Answer 1

Пожалуйста, попробуйте с простым javascript, я не думаю, что у jQuery есть этот метод.

$("#div1").click(function() { 
    document.getElementById('div2').classList.toggle("clicked"); 
}); 

DEMO