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);

Fiddle

如果您有许多div，例如您发布的示例，您可以使用此功能：

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

Fiddle

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>');
}

或jQuery方式：

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

使用javascript / jquery为字符串中的某些字符添加span标记

2 个答案:

Fiddle