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");
 });

演示版