使用JQuery在符号之间切换

Question

我希望#menu中的符号在点击＆amp;＃9776时从符号&#9776更改为X，并且我想在这些之间切换。这是我尝试编写它的方式，但符号不会改变。我该如何正确编码？

$("#menu").click(function() {
    if ($("#menu").html() == '&#9776') {
        $("#menu").html('X');
    } else {
        $("#menu").html('&#9776');
    }
})

Answer 1

$("#menu").click(function(){    
    var element=$(this);
    var symbol = $('<div/>', {html:'&#9776'});
    if (element.html() === $(symbol).html()) {
        element.html('X');
    }else 
    {
        element.html('&#9776');        
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="menu">&#9776</div>

Answer 2

使用this而不是每次都按id引用您的元素，并使用===相同的运算符来完全匹配您的字符串。像这样使用

$("#menu").click(function(){    
    var element=$(this);
    if (element.html() === '&#9776') {
        element.html('X');
    }else {
        element.html('&#9776');        
    }
});