classList.toggle不起作用

Question

每次点击div元素时，我都试图在SVG元素上使用jQuery切换cssclass。

从我读过的内容来看，SVG元素存在这样的问题，这种方式是一种解决方案：

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

然而，这不起作用。所以我认为这是由于在这个函数中使用了一个SVG元素。但是当用div元素替换所述SVG元素时，如下所示：

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

尽管函数中没有SVG元素，但该类仍然不会切换。

Answer 1

请使用普通的javascript尝试，我不认为jQuery有这种方法。

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

DEMO

Answer 2

jQuery 中的切换类函数是 toggleClass():

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