识别div中的字符并添加类javascript

我试图识别div中的字符并将其添加到所有matches类中

例如：

> Kapetown > China Town >London > Washington

我想识别字符

>

，并将其全部分类

我试着这么做

if (sign.indexOf("$") >= 0) {
 //remove the sign
}

---

以下是您可以使用的技巧：

var a = '> Kapetown > China Town >London > Washington' //get the text from document here
a = a.split('>');
a = a.join('<span class="myClass">></span>');

var a='>Kapetown>China Town>London>Washington'//从这里的文档中获取文本
a=a.split（'>'）；
a=a.join（'>'）；

现在您可以替换文档中的“a”

---

这只是一个你可以在你的情况下使用的技巧。也许这会对你有所帮助。

以下是你可以使用的技巧：

var a = '> Kapetown > China Town >London > Washington' //get the text from document here
a = a.split('>');
a = a.join('<span class="myClass">></span>');

var a='>Kapetown>China Town>London>Washington'//从这里的文档中获取文本
a=a.split（'>'）；
a=a.join（'>'）；

现在您可以替换文档中的“a”

这只是一个你可以在你的情况下使用的技巧。也许这对你有帮助

我假设目标div中只有文本

$（文档）.ready（函数（）{
//获取目标元素
var breadcrumbs=$（“#breadcrumbs”）
//获取该元素的所有文本。注意：这将删除所有
//HTML标记并仅获取文本
var str=breadcrumbs.text（）
//查找所有出现的“>”符号的正则表达式
//并用span.myClass包装它们
var strHtml=str.replace（/\>/g，“”）；
//将替换的字符串推回目标元素
breadcrumbs.html（strHtml）
})

.myClass{
颜色：红色；
}

>卡普敦>中国城>伦敦>华盛顿

我假设目标div中只有文本

$（文档）.ready（函数（）{
//获取目标元素
var breadcrumbs=$（“#breadcrumbs”）
//获取该元素的所有文本。注意：这将删除所有
//HTML标记并仅获取文本
var str=breadcrumbs.text（）
//查找所有出现的“>”符号的正则表达式
//并用span.myClass包装它们
var strHtml=str.replace（/\>/g，“”）；
//将替换的字符串推回目标元素
breadcrumbs.html（strHtml）
})

.myClass{
颜色：红色；
}

>Kapetown>中国城>伦敦>华盛顿

如果我正确理解您的问题，那么您有一个特定的HTML，如下所示：

<div id="abc">
  > Capetown > China > London > Washington
</div>

>开普敦>中国>伦敦>华盛顿

你希望它是这样的，让我们这样说：

<div id="abc">
      <span class="some-class">&gt;</span> Capetown <span class="some-class">&gt;</span> China <span class="some-class">&gt;</span> London <span class="some-class">&gt;</span> Washington
</div>

开普敦中国伦敦华盛顿

然后通过香草javascript，您可以通过Regex实现这一点。如果HTML与我提出的示例类似，我会这样做：

let content = document.getElementById('abc').textContent.replace(/>/g, '<span class="some-class">&gt;</span>');
document.getElementById('abc').innerHTML = content;

let content=document.getElementById（'abc'）.textContent.replace（/>/g'）；
document.getElementById（'abc'）.innerHTML=content；

我在这里做的是，使用

document.getElementById（'abc'）.textContent

，我得到

…

中的文本内容，并将此文本内容存储在可变变量

content

中

然后，我使用JavaScript的

String.prototype.replace

方法来替换所需的字符（在本例中是“>”字符）。

String.prototype.replace

方法接受两个参数：模式和替换字符串

我要选择的字符是“>”。因此，使用Regex，我想要匹配的模式是

/

。现在只使用这个表达式将只匹配“>”的第一个实例。因此，我给它一个全局参数，以通过

/>/g

匹配所有出现的“>”

现在我们要给它上课。因此，我决定使用内联HTML元素

，以避免DOM布局中的任何更改。现在，对于替换子字符串，我使用

。

是“>”符号的HTML代码。让我们在

String.prototype.replace

方法中将这两个参数作为

content.replace（/>/g'）

执行时，变量

content

现在包含我们所需的带有类的字符。接下来，我用

document.getElementById（'abc'）.innerHTML=content替换
content
变量的
..
内容。我使用了
.innerHTML
属性，因为我们在替换字符串中包含了一些HTML

---

如果这是您想要的，那么希望这有帮助。

如果我正确理解您的问题，那么您有一个特定的HTML，如下所示：

<div id="abc">
  > Capetown > China > London > Washington
</div>

>开普敦>中国>伦敦>华盛顿

你希望它是这样的，让我们这样说：

<div id="abc">
      <span class="some-class">&gt;</span> Capetown <span class="some-class">&gt;</span> China <span class="some-class">&gt;</span> London <span class="some-class">&gt;</span> Washington
</div>

开普敦中国伦敦华盛顿

然后通过香草javascript，您可以通过Regex实现这一点。如果HTML与我提出的示例类似，我会这样做：

let content = document.getElementById('abc').textContent.replace(/>/g, '<span class="some-class">&gt;</span>');
document.getElementById('abc').innerHTML = content;

let content=document.getElementById（'abc'）.textContent.replace（/>/g'）；
document.getElementById（'abc'）.innerHTML=content；

我在这里做的是，使用

document.getElementById（'abc'）.textContent

，我得到

…

中的文本内容，并将此文本内容存储在可变变量

content

中

然后，我使用JavaScript的

String.prototype.replace

方法来替换所需的字符（在本例中是“>”字符）。

String.prototype.replace

方法接受两个参数：模式和替换字符串

我要选择的字符是“>”。因此，使用Regex，我想要匹配的模式是

/

。现在只使用这个表达式将只匹配“>”的第一个实例。因此，我给它一个全局参数，以通过

/>/g

匹配所有出现的“>”

现在我们要给它上课。因此，我决定使用内联HTML元素

，以避免DOM布局中的任何更改。现在，对于替换子字符串，我使用

。

是“>”符号的HTML代码。让我们在

String.prototype.replace

方法中将这两个参数作为

content.replace（/>/g'）

当exe