Question

我正在使用3D推车，他们不会给我任何访问PHP的JavaScript HTML和CSS。我想在类别页面上获取我的产品的尺寸。但他们需要换上一条新线，这样客户才能清楚地看到它。如果我在标题中添加<br />，那就会弄乱很多事情。

如果这是产品的名称，我想找到第一个数字＆＃34; 16＆＃34;并使用JavaScript在其前面添加<br />。

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

获得

的结果

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

这是可能的还是失败的原因？

Answer 1

你可以使用Javascript的替换方法来完成你想要的东西，但是像其他提到的那样，如果该字符串的不同部分被包裹在其他元素（如跨度或div）中，或者如果你没有明确的话，那将会很棘手选择器围绕整个字符串开始。如果您可以发布输出的实际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/>。

用JavaScript来确定数字的起始位置并添加标记

2 个答案: