JavaScript找出数字开始的位置并添加标记
JavaScript to figure out Where a number starts and add a tag
我正在使用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"
这是可能的还是失败的原因?
你可以使用Javascript的replace方法来完成你想要的,但就像其他人提到的,如果字符串的不同部分被包装在其他元素中,比如span或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>
为了让我在类别页面上获得产品的尺寸,我不得不使用类而不是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/>
。
相关文章:
- Angularjs在当前行位置添加行
- 如何在谷歌地图上为单个位置添加多个标记
- 如何将两个位置添加到同一个网站的谷歌地图中
- 为所有哈希链接/调用的滚动位置添加自动偏移量
- 根据正/负和位置添加类
- 根据 LI 位置添加类
- 为不透明度和位置添加动画效果
- 在鼠标点击位置添加3D模型.js
- 根据鼠标位置添加 Css 类
- 在鼠标光标的位置添加细胞景观节点
- 铬中的 CKEDITOR 在光标位置添加“?”标记,同时应用任何样式(粗体/斜体)而不选择
- 将地理位置添加到Google Places Library
- 从indexOf在位置添加文本
- 如何允许访问者将任何位置添加到地图中,以及如何将其保存在数据库中
- 在某个位置添加一个javascript脚本标记,以便它适用于sphinx文档中的每个文件
- 随机img位置添加&移除循环
- 在backbone.js中为改变主视图中的位置添加子视图
- 在字符串的任何位置添加单词
- jqGrid,如何通过模态形式在网格内的任何位置添加一行
- 如何在第二个位置添加一个新选项