使用jQuery將$換行

Question

我試圖將任何美元符號$包裹起來，以便我可以相應地設置其樣式，而不必重新瀏覽和編輯頁面上找到的每個$ 。 我嘗試使用的代碼用於＆符，並且對於＆符非常適用，但是我無法使其與美元符號一起正常工作！

我在這里做錯了什么？ 我試過只使用$符號和$ ，但都沒有給我所需的結果。 相反，它不會碰到<p>包裝的$ ，而是會在結束</p>之前添加它。

JSFiddle： https ：//jsfiddle.net/tk8og3Ln/

HTML：

<p>Cabana Tanning Lotion: $32.00</p>

jQuery的：

(function($) {
  $.fn.money = function() {
    return this.each(function() {
      var element = $(this);
      var html = element.html();
      element.html(html.replace(/$/gi, '<span class="money">$</span>'));
    });
  };
})(jQuery);

$('p').money();

CSS：

.money {
  font: italic 1.3em Baskerville, Georgia, serif;
  color: #666;
  padding-right: 5px;
}

Answer 1

$是行尾的RegExp符號。 您可以使用"$"或對$ /\\$/轉義。

Answer 2

從@ guest271314的答案出發，我還需要確保將代碼包裝在document.ready函數中，以允許WordPress初始化jQuery。 這是完成的代碼。

jQuery(document).ready(function( $ ) {
  $.fn.money = function() {
    return this.each(function() {
      var element = $(this);
      var html = element.html();
      element.html(html.replace(/\$/gi, '<span class="money">$</span>'));
    });
  };

$('p').money();

});