jQuery与HTML代码切换问题

我试图检查HTML十进制代码的出现情况，然后根据几何形状进行相应的切换

代码示例如下所示，fiddle链接为：

$（文档）.ready（函数（）{
$（'.container'）。前缀（'▲；'）；
$（'.container'）。前缀（'initial'）；
$（'.HTML'）。在（'click'，function（）{
$（this.html（$（this.html（）='▲；'？'▼；'：'▲；'）；
} );
$（'.Text'）。在（'click'，function（）{
$（this.html（$（this.html（）=='initial'？'switched'：'initial'）；
} ); 
});

---

我已经包括了一个名为Text和一个名为HTML的选项，因此您可以看到它确实可以处理文本，但不能处理HTML代码。请任何人解释如何使其工作，如果不能，至少解释其不工作的原因。

要提供一个可接受的答案，以便它不会显示为未回答@Regent提供的解决方案，请参见以下内容：

$(document).ready(function() {

   $('.container').prepend('<span class="HTML">&#9650;</span>');
   $('.container').prepend('<span class="Text">initial</span>');

   $('.HTML').on('click', function() {  
      $(this).html($(this).html() == '\u25B2' ? '&#9660;' : '&#9650;');
   });

   $('.Text').on('click', function() { 
      $(this).html($(this).html() == 'initial' ? 'switched' : 'initial' );
   }); 

});

$（文档）.ready（函数（）{
$（'.container'）。前缀（'▲；'）；
$（“.container”）.prepend（'initial'）；
$（'.HTML'）。在（'click'，function（）{
$（this.html（$（this.html（）='\u25B2'？'▼；'：'▲；）；
});
$（'.Text'）。在（'click'，function（）{
$（this.html（$（this.html（）=='initial'？'switched'：'initial'）；
}); 
});

这应该对你有所帮助：我的朋友们，你们是绝对的传奇人物。非常感谢@彼得·费瑟斯通：不客气：）添加一个答案并让它被接受，所以这个问题不能在未回答的问题下搜索！

$(document).ready(function() {

   $('.container').prepend('<span class="HTML">&#9650;</span>');
   $('.container').prepend('<span class="Text">initial</span>');

   $('.HTML').on('click', function() {  
      $(this).html($(this).html() == '\u25B2' ? '&#9660;' : '&#9650;');
   });

   $('.Text').on('click', function() { 
      $(this).html($(this).html() == 'initial' ? 'switched' : 'initial' );
   }); 

});