javascript - 使用 javascript/jquery 将 span 标签添加到字符串中的某些字符

Question

我有来自 CMS 的输出，我需要为字符串中的某个字符添加样式。例如，我的输出是：

 <div class="date">12 // 14 // 2013</div>

我该如何添加：

<span style="slashColor"> 

到两个双斜杠，这样我的结果将是：

<div class="date">12 <span class="slashColor">//</span> 14 <span class="slashColor">//</span> 2013</div>

Answer 1

尝试这个：

var original = $('.date').text();
var new_version = original.split('//').join('<span class="slashColor">//</span>');
$('.date').html(new_version);

小提琴

如果您有许多像您发布的示例一样的 div，则可以使用：

$('.date').each(function () {
    var original = $(this).text();
    var new_version = original.split('//').join('<span class="slashColor">//</span>');
    $(this).html(new_version)
});

小提琴

Answer 2

var elements = document.getElementsByClassName('date');
for (var i = 0, e; e = elements[i++]; ) {
   e.innerHTML = e.innerHTML.replace(/\/\//g, '<span class="slashColor">//</span>');
}

or the jQuery way:

$('.date').each(function () {
  $(this).html($(this).html().replace(/\/\//g, '<span class="slashColor">//</span>'));
}