HTML符号代码无法切换html jQuery函数

时间:2017-08-06 15:33:22

标签: javascript jquery html toggle

我想使用代码+切换-&#43符号;和-

我尝试了以下解决方案来切换HTML,但它似乎不适用于这些代码。它只会切换一次,但不会切换回来。

JSFiddle

HTML

<p>&#43;</p>

的jQuery

jQuery('p').on('click', function(){
  jQuery('p').html(jQuery('p').html() === '&#45;' ? '&#43;' : '&#45;');
});

如何解决这个问题,以便切换工作?

1 个答案:

答案 0 :(得分:0)

我不确定你为什么要在这种情况下使用ascii代码,但你可以达到以下条件:

&#13;
&#13;
jQuery('p').on('click', function() {
  jQuery('p').html( jQuery('p').html() === '-' ? '&#43;' : '&#45;' );
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>&#43;</p>
&#13;
&#13;
&#13;

或者如果您只想使用ascii代码,您可以先转换值,然后比较如下:

&#13;
&#13;
jQuery('p').on('click', function(){
  var ascii = '&#'+jQuery('p').html().charCodeAt(0)+';';
  
  jQuery('p').html(ascii === '&#45;' ? '&#43;' : '&#45;');
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>&#43;</p>
&#13;
&#13;
&#13;

希望这有帮助。