jQuery切换HTML代码的问题

时间:2014-08-18 09:12:25

标签: jquery

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

代码示例如下所示,小提琴链接为:

http://jsfiddle.net/w1sk6gsp/6/

$(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代码,任何人都可以解释如何使其工作,如果没有,至少为什么不能工作

1 个答案:

答案 0 :(得分:0)

要提供一个已接受的答案,以便它没有显示未答复,@ 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' );
   }); 

});