JavaScript找出數字的起始位置並添加標簽

Question

我正在使用3D購物車，它們沒有給我任何訪問PHP的權限，僅JavaScript HTML和CSS。 我想在類別頁面上獲得產品尺寸。 但是他們需要換行，以便客戶可以清楚地看到它。 如果我在標題中添加<br /> ，則會搞砸很多事情。

如果這是產品的名稱，我想找到第一個數字“ 16”，並使用JavaScript在其前面添加<br /> 。

DELUXE TOTE JR. 16" X 12" X 6"

得到的結果

DELUXE TOTE JR. <br />
16" X 12" X 6"

這可能是原因嗎？

Answer 1

您可以使用Javascript的replace方法來完成所需的操作，但是像其他提到的那樣，如果將字符串的不同部分包裝在其他元素（例如span或divs）中，或者如果沒有清晰的選擇器，這將非常棘手。整個字符串開頭。 如果您可以發布輸出的實際HTML，那么我們可能會更加接近。

 var title = document.getElementById('title') var titleText = title.innerHTML; var res = titleText.replace(/([0-9]{1,2}")/, "<br/>$&"); title.innerHTML = res; 

 <span id='title'>DELUXE TOTE JR. 16" X 12" X 6"</span> 

Answer 2

為了使產品在類別頁面上具有向下的尺寸，我不得不使用類而不是id，因為html不允許多個相同的id。

JavaScipt

var title = document.getElementsByClassName("title");

for (var i = 0; i < 100; i++) {
    var titleText = title[i].innerHTML;
    var res = titleText.replace(/\d+(\.\d{1,2})?/, "<br/>$&");
    title[i].innerHTML = res;
}

的HTML

<span class="title">[name]</span>

這讓我在第一個數字女巫是第一個維之前添加<br/> 。