时间戳

首页 > 解决方案 > 如何在 JavaScript 中一次选择多个字符

javascript - 如何在 JavaScript 中一次选择多个字符

问题描述

我使用这个 javascript 代码在 html div 中选择字符“，”。

var word = ',';
var replacement = '<span class="myword">' + word + '</span>';

var re = new RegExp(word, 'ig');

document.body.innerHTML = document.body.innerHTML.replace(re, replacement);

此代码仅适用于选择一个字符，但我需要新代码在 html 中一次选择多个字符。
我要选择的字符是：“，”和“/”和“،”。
请帮我解决这个问题。谢谢
我的完整页面代码： 

var word = ',';
var replacement = '<span class="myword">' + word + '</span>';

var re = new RegExp(word, 'ig');

document.body.innerHTML = document.body.innerHTML.replace(re, replacement);
.myword
{
    color:red;
    font-size: 25px
}
 <div class="my-page">
    <div class="cats">
        <a href="https://example.com" rel="tag">steel</a>
        ,
        <a href="https://example.com" rel="tag">plastic</a>
        ،
        <a href="https://example.com" rel="tag">silver</a>
        /
        <a href="https://example.com" rel="tag">fake</a>
        </div>
 </div>

标签： javascripthtmljquerycssselect

解决方案

为此，您需要创建一个数组，然后遍历该数组。

祝你好运。

var to_replace = [",", " / ", "،"];
for (i = 0; i < to_replace.length; i++)
{
    var word = to_replace[i];
    var replacement = '<span class="myword">' + word + '</span>';
    var re = new RegExp(word, 'ig');
    document.body.innerHTML = document.body.innerHTML.replace(re, replacement);
}
.myword
{
    color:red;
    font-size: 25px
}
<div class="my-page">
    <div class="cats">
        <a href="https://example.com" rel="tag">steel</a> , <a href="https://example.com" rel="tag">plastic</a> ، <a href="https://example.com" rel="tag">silver</a> / <a href="https://example.com" rel="tag">fake</a>
    </div>
</div>

推荐阅读