如何使用jQuery检测特殊字符

Question

I have some html that looks like this:

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

I want to detect the symbol that is in the toggle div using jquery, then change the symbol. I made the symbol above using ∅

Here is the jQuery I have tried to use but nothing is happening which leads me to believe the symbol is not being detected.

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

           }

});

Answer 1

Assuming your code is saved as UTF-8 you can just use the character as a string

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

OR you could do it by character code

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

and for extra credit... replace all occurences.

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

http://jsfiddle.net/RmYM2/1/

Answer 2

.html()返回实际字符​​，因此您需要执行

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