如何刪除突出顯示的單詞后的多余空間？

Question

我有一個獲取數字並從句子中突出顯示該單詞編號的函數。

該句子將使用波斯語和從右至左。 所有單詞都用“ |”分隔 在句子中。

我正在使用Arrays，因為其他常見方法不適用於RTL文本，包括本文中的replace方法： 如何使用javascript突出顯示文本

問題是當單詞突出顯示時，每個單詞后面都有多余的空格，我不需要突出顯示。

我想消除那個。

我已經在這里准備了一個演示： https : //liveweave.com/vp6YQi

function hilWrd(i) {
  var txt1 = document.getElementById( "RTL1" ).innerHTML;
  var txt2 = document.getElementById( "RTL2" );
  var ary = txt1.split("|");

  ary.splice( i-1, 0, "<span class='hil'>" );
  ary.splice( i-1 + 2, 0, "</span>" );
  txt2.innerHTML = ary.join(" ");  
}

預期結果：突出顯示“تست”實際結果：突出顯示“تست”

Answer 1

無需增加數組元素的數量，只需將單詞包裝在該特定數組元素內即可：

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

演示- 鏈接