Jquery JS突出显示覆盖文本问题

我有以下代码突出显示数字，但它似乎覆盖了其他数字。我怎样才能解决这个问题

JavaScript

var numbers, spans;
numbers = $(".range").html().replace(/\s/g, '').split("");
spans = "<span>" + numbers.join("</span>\n<span>") + "</span>";
$(".range").html(spans);

HTML

<p class="range">123345232</p>

<p class="range">34242425232</p>

---

jQuery的方式是保存第一个范围并将其输出到其他p.range元素。在我的文章中，您可以看到如何使用。每个

下面是更新后的jQuery。通过用.each包装并使用$（this），它确保我们只更改当前正在处理的范围

var numbers, spans;

$('.range').each(function() {
    numbers = $(this).html().replace(/\s/g, '').split("");
    spans = "<span>" + numbers.join("</span>\n<span>") + "</span>";
    $(this).html(spans);
});

var编号、跨度；
$（'.range'）。每个（函数（）{
numbers=$（this.html（）.replace（/\s/g''）.split（“”）；
span=”“+数字。连接（“\n”）+”；
$（this）.html（span）；
});

1 2 3 3 4 5 2 3 2

1 2 3 3 4 5 2 3 2

var numbers, spans;

$('.range').each(function() {
    numbers = $(this).html().replace(/\s/g, '').split("");
    spans = "<span>" + numbers.join("</span>\n<span>") + "</span>";
    $(this).html(spans);
});