javascript - 如何使用 jQuery 替换跨度内的文本

Question

我有一个这样的跨度:

<span class="savings">92% sale</span>

我想用“25% sale”更改范围内的内容。

我正在尝试这个:

$("span.savings").text(function () {
    return $(this).text().replace("", "25% sale"); 
});

但此方法将“25% 销售额”添加到“92% 销售额”附近。

我该怎么做？

Answer 1

您可以使用正则表达式 \d{2} 选择 2 位数字

$("span.savings").text(function(i, v) {
  return v.replace(/\d{2}/, "25");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="savings">92% sale</span>

更新:如果您只想替换整个文本，则无需回调。只需将第一个参数设置为新文本即可。

$("span.savings").text("25% sale");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="savings">92% sale</span>