切换 HTML 代码的 jQuery 问题答案

【问题标题】：jQuery issue with toggling HTML codes切换 HTML 代码的 jQuery 问题
【发布时间】：2014-10-11 03:48:26
【问题描述】：

我正在尝试检查是否出现 HTML 十进制代码，然后根据几何形状 on this page 进行相应切换。

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

$(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() == '&#9650;' ? '&#9660;' : '&#9650;' );

} );

$( '.Text' ).on( 'click', function() { 

    $( this ).html( $( this ).html() == 'initial' ? 'switched' : 'initial' );

} ); 
});

我已经包含了一个名为 Text 和一个名为 HTML 的内容，因此您可以看到它确实适用于文本，但不适用于 HTML 代码，任何人都可以解释如何让它工作，如果没有，至少是它不工作的原因工作。

【问题讨论】：

这应该对你有帮助：stackoverflow.com/questions/30003/…
还有updated fiddle
我的朋友们，你们是绝对的传奇。非常感谢！
@PeterFeatherstone 不客气 :)
添加答案并让其接受，因此在未回答的问题下无法搜索此问题！

标签： jquery

【解决方案1】：

要提供可接受的答案，使其不会显示为未回答，@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' );
   }); 

});

【讨论】：