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 元素，class 仍然不会切换。

Answer 1

请用普通的javascript试一下，我觉得jQuery没有这个方法

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

DEMO

Answer 2

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

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