有没有办法选择：<p>的第一个单词？</p>

Question

就像我们选择p:first-letter一样？我知道没有名为p:first-word的属性，但是如果用户知道其他任何方式的话。

我不想在HTML中添加任何内容。

Answer 1

$('p').each(function(){
    var me = $(this)
       , t = me.text().split(' ');
    me.html( '<strong>'+t.shift()+'</strong> '+t.join(' ') );
  });

这是大胆的第一个字。

或

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

Answer 2

这在JavaScript中并不困难 - 有示例代码here（您需要查看源代码以了解它是如何工作的，但它确实有效）。据我所知，它不依赖于jQuery或任何其他库。

Answer 3

您可以通过找到您感兴趣的DOM节点并使用.innerHTML来添加第一个单词并存储回.innerHTML，从而在JavaScript中完成。

Answer 4

您可以从p中提取全文并使用正则表达式获取第一个单词：

$('p').click(function() {
    var word = /^\w+/.exec($(this).text());
    alert(word);
});