javascript - jQuery:将数字包装在一个范围内的div中

Question

我想弄清楚这是否完全可行，我有一个类似于下面标记的设置:

<div class="price-wrap">£12.95</div>
<div class="price-wrap">from £9.95</div>
<div class="price-wrap">£6.95</div>
<div class="price-wrap">£16.95</div>
<div class="price-wrap">£11.95</div>
<div class="price-wrap">from £1.95</div>

但如果可能的话，我最理想的是这样的:

<div class="price-wrap">£<span class="price">12.95</span></div>
<div class="price-wrap">from £<span class="price">9.95</span></div>
<div class="price-wrap">£<span class="price">6.95</span></div>
<div class="price-wrap">£<span class="price">16.95</span></div>
<div class="price-wrap">£<span class="price">11.95</span></div>
<div class="price-wrap">from £<span class="price">1.95</span></div>

因此只需将数字包装在 span 标签中，其中包含 price 类，排除任何 £ 或 from 等等等
任何建议将不胜感激!

Answer 1

应该这样做:

$('.price-wrap').each(function() {
    var $this = $(this);
    $this.html($this.html().replace(/([0-9.]+)/g, '<span>$1</span>'));
});