Почему этот JavaScript не заменяет текст символом «сердце»?

Question

(function( $ ) {

    $.fn.htmlCodes = function(){
        var $this = this;
        var body = this.html();
        body = body.replace(':)', '&#9786;').replace('<3', '&#9829;');
        this.html(body);
    };  


})( jQuery );

Я написал этот плагин JQuery, чтобы он сменил смайлики на сущность смайликов.(и сердце)

Однако сердце не работает!По какой-то причине смайлик работает, а сердце - нет.

Answer 1

Работает, если вы делаете это ...

.replace('<3', '♥');

ДЕМО: http://jsfiddle.net/ZdJh5/

.html() дает вам код символа HTML для символа <.

Answer 2

A < - это специальный символ в HTML, который будет возвращать функция jQuery html, поэтому вам нужно заменить < вместо <. Кроме того, для всеобщего сведения вы должны использовать флаг /g:

(function( $ ) {

    $.fn.htmlCodes = function() {
        var $this = this;
        var body = this.html();
        body = body.replace(/:\)/g, '☺').replace(/<3/g, '♥');
        this.html(body);
    };  

})( jQuery );

В противном случае будет заменен только первый экземпляр. И быстрое демо, чтобы показать, что оно работает . ☺

Answer 3

body = body.replace(':)', '☺').replace('<3', '♥');

Возможно < закодировано как <.