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

Fiddle

如果你有很多像你发布的例子那样的 div，你可以使用这个:

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

Fiddle