Javascript 如何删除突出显示的单词后的多余空格？

我有一个函数，它从一个句子中获取一个数字并突出显示这个单词的数字

这句话是波斯语，从右到左。 句子中所有单词都用“|”隔开

我使用数组，因为其他常用方法不适用于RTL文本，包括本文中的替换方法：

问题是当单词突出显示时，每个单词后面都有一个额外的空格，我不需要突出显示

我想消除这一点

我在这里准备了一个演示：

函数hilWrd（i）{
var txt1=document.getElementById（“RTL1”）.innerHTML；
var txt2=document.getElementById（“RTL2”）；
var ary=txt1.拆分（“|”）；
三元拼接（i-1，0，“”）；
三元拼接（i-1+2，0，“”）；
txt2.innerHTML=ary.join（“”）；
}

预期结果：突出显示“تتت”

---

实际结果：它突出显示“تتت”

而不是增加数组元素的数量，只需将单词包装在特定数组元素中：

ary[i-1] = "<span class='hil'>" + ary[i-1] + "</span>";

ari[i-1]=''+ari[i-1]+''；

---

演示-

不要增加数组元素的数量，只需将单词包装在特定数组元素中：

ary[i-1] = "<span class='hil'>" + ary[i-1] + "</span>";

ari[i-1]=''+ari[i-1]+''；

---

演示-

非常感谢！你的方法非常有效。这是工作演示：非常感谢！你的方法非常有效。以下是工作演示：