Question

我想根据信件的字母来设置字母。所以K：s sholud有一种颜色，我：一个等等。这是最干净的方法是什么？它有选择器吗？（最初我打算用油脂小鼠来做）

Answer 1

Javascript，~~未经测试~~已修复：

yourstring.replace(/([kK])/g, "<span class='styled'>$1</span>");

工作示例：

<html><head></head><body>

<div id='target'>
    some text with little ks and big Ks and a few more for good measure kK7k9Kii
</div>
</body></html>


<script type='text/javascript'>    
target = document.getElementById('target');

target.innerHTML = target.innerHTML.replace(/([kK])/g, "<span style='color:red'>$1</span>");

</script>

MDN的.replace()文档here。

Answer 2

您也可以使用插件lettering.js。

Answer 3

您可以使用jquery轻松完成此操作，如下所示：

Html：

<p class="menu">Home k edit k etc</p>

Css：

span.sp {
    font-weight: bold;
    color: red;
}

的Javascript / Jquery的：

$('p.menu').html(function(i,el) {
    return el.replace(/\k/g, '<span class="sp">k</span>');
});

以下是jsFiddle链接

风格特定的字母？

3 个答案: