Question

我有一些看起来像这样的HTML：

<div id="toggle">
∅
</div>

我想使用jquery检测toggle div中的符号，然后更改符号。我使用∅

制作了上面的符号

这是我尝试使用的jQuery，但没有发生任何事情让我相信这个符号没有被检测到。

$("#toggle").on("click", function () {
         if ($(this).html() == "&#8709;") {
              $(this).html("O");

           }

});

Answer 1

假设您的代码保存为UTF-8，您可以将该字符用作字符串

$("#toggle2").on("click", function () {
    if ($(this).html()=='∅') {
        $(this).html("O");
    }
});

或者您可以通过字符代码

来完成

$("#toggle").on("click", function () {
    if ($(this).html().charCodeAt(0)==8709) {
        $(this).html("O");
    }
});

并获得额外的信用......替换所有出现的事件。

$("#toggle3").on("click", function () {
    $(this).html($(this).html().replace(/[\u2205]/g,'o'));
});

Answer 2

.html()会返回实际角色，因此您需要执行

if ($(this).html() == "∅") {