ASCII符号未被.html（）

Question

我在这里有这个功能，可以在点击时切换不同的ASCII符号（⊕ (⊕)和&ominus (⊖)）。我无法弄清楚的是，在它变为⊖后它不会改变。谁知道为什么？

这会生成表格行

"<tr><td>Other</td><td>" + stats.others.length + <span class='displaybutton' style='cursor:pointer;'>&oplus;</span></td></tr>";

重要的部分是<span>

<span class='displaybutton' style='cursor:pointer;'>&oplus;</span>

这应该在符号之间切换

$('.displaybutton').click(function(){
    $('#otherResponseList').toggle(); 
    if($(this).html() == '⊖'){
        $(this).html('⊕');
    } else {
        $(this).html('⊖');
    }
});

Answer 1

也许使用类并交换它们而不是检查元素的html：

HTML：

<span class='displaybutton minus' style='cursor:pointer;'></span>

CSS：

.displaybutton.minus:before {
  content: '\2296';
}

.displaybutton.plus:before {
  content: '\2295';
}

JavaScript的：

$('.displaybutton').click(function(){
    $('#otherResponseList').toggle(); 
    $(this).toggleClass('plus');
});

https://jsfiddle.net/ncprLej3/