使用jQuery切換符號

Question

之間我想在我的#menu符號時，點擊&＃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');   
    } 
});