javascript - jQuery 匹配字符串中的第一个字母并用 span 标签包装

Question

我正在尝试获取段落中的第一个字母 并将其用<span> 包裹起来标签。请注意，我说的是字母而不是字符，因为我正在处理通常包含空格的困惑标记。

现有标记(我无法编辑):

<p>  Actual text starts after a few blank spaces.</p>

期望的结果:

<p>  <span class="big-cap">A</span>ctual text starts after a few blank spaces.</p>

我如何忽略除/[a-zA-Z]/以外的任何内容？ ？任何帮助将不胜感激。

Answer 1

$('p').html(function (i, html)
{
    return html.replace(/^[^a-zA-Z]*([a-zA-Z])/g, '<span class="big-cap">$1</span>');
});

演示:http://jsfiddle.net/mattball/t3DNY/