Как вставить HTML-код в фрагмент JS файла .PHP?

Question

[pavelkey]

Уже сутки не могу решить задачу - вставить html-код (выводит знак рубля в том виде, каком он мне нужен на сайте):

<span class="woocommerce-Price-currencySymbol"><span class="rur">р</span></span>

Вот сюда:

$(document).on('change', '.variations select' ,function() { 
if ($('.variations .single_variation_wrap > .single_variation > .woocommerce-variation-price > span').length > 0) {
  setTimeout(
  function() 
  {
	  if($('.summary > .price').is('p.old')) { 
	  $('.woocommerce-variation-price > span > del > span > span').remove();
	  $('.woocommerce-variation-price > span > ins > span > span').remove();
	var change_price_sale = $('.variations .single_variation_wrap > .single_variation > .woocommerce-variation-price > span > ins > .woocommerce-Price-amount').text() + '₽ ';
$('.summary > .price > .current').text(change_price_sale);
	  } else { 
	 	  	   $('.variations .single_variation_wrap > .single_variation > .woocommerce-variation-price > span > .woocommerce-Price-amount > .woocommerce-Price-currencySymbol').remove();
	     var change_price = $('.variations .single_variation_wrap > .single_variation > .woocommerce-variation-price > span > .woocommerce-Price-amount').text() + '₽ ';
$('.summary > .price > .current').text(change_price); 
	  }
  }, 1000);
} else {
}
});

На месте знака рубля "₽". Сейчас используется .text(), как я понял - это вывод текста. Заменив .text() на .html в 4 местах и разместив нужный мне HTML в скобки, толку мало - отображается мой HTML, но перестает отображаться цена товара. Получается, что добавлением кода я не даю отобразиться вот этому коду?

$('.summary > .price > .current').html(change_price);

Comments

[Павел]

так в чем конкретно проблема?

Answer 1

[senior65]

Попробуйте вместо самого символа, использовать это:
₽

Comments

[pavelkey]

Так пробовал, но проблема в том, что знак рубля появляется не с теми стилями, что требуется.
Пока писал Вам ответ, попробовал последний вариант, который ранее почему-то не пробовал:

var change_price = $('.variations .single_variation_wrap > .single_variation > .woocommerce-variation-price > span > .woocommerce-Price-amount').html() + '<span class="woocommerce-Price-currencySymbol"><span class="rur">р</span></span>';
$('.summary > .price > .current').html(change_price);

В двух местах поменял text() на html() и добавил необходимый мне HTML-код. Все заработало!
Я очень плохо знаком с JS, поэтому данную задачу пришлось решать на бум.

Answer 2

[Павел Беляев]

Попробуйте json_encode + parseJSON на стороне JS, чтобы уж гарантированно все спецсимволы экранировать

Comments

[pavelkey]

Спасибо за совет, почитаю про то, что Вы сказали.

Answer 3

[Максим]

А если не парится с юникодами а вставить обычный svg ?

Comments

[pavelkey]

Можно и так, встречал такие решения, но моей главной проблемой было другое - я не знал куда и как правильно вставить указанный HTML.