javascript - 使用 jQuery 将 $ 包装在 span 中

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 符号。您可以使用 "$" 或转义 $ /\$/。