用jQuery选择前两个单词并用<span>标签</span>包装它们

时间:2013-03-03 03:23:11

标签: jquery

如何用jQuery选择句子中的前两个单词,用span标签包装它们并在其后添加一个br标签?

这样的事情:

<p><span>Lorem ipsum</span><br/> quosque tandem</p>

但动态添加span和br标签。

我只能用这段代码替换第一个单词:

$('p').each(function(){
    var featureTitle = $(this);
    featureTitle.html( featureTitle.text().replace(/(^\w+)/,'<span>$1</span><br/>') );
  });

谢谢!

2 个答案:

答案 0 :(得分:5)

$('p').html(function (i, html) {
    return html.replace(/(\w+\s\w+)/, '<span>$1</span><br/>')
});

http://jsfiddle.net/crBJg/

答案 1 :(得分:1)

对于那些使用变音符号(äöåü等)的人,您可能希望使用\S+\s\S+代替\w+\s\w+来使其正常工作。

请参阅此处https://stackoverflow.com/a/12845431/5349534