JQueryを使用してシンボルを切り替える

Question

のシンボルを&#9776からXに変更したい場合は、&＃9776をクリックして、これらを切り替えたいと思います。これは私がそれを書こうとした方法ですが、シンボルは変わりません。これを正しくコード化するにはどうすればよいですか？

$("#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毎回と正確にあなたの文字列に一致する===同じ演算子を使用することで、あなたの要素を参照。あなたにも、あなたのHTMLを投稿することができ、この

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