javascript - 如何在 jQuery 中检测字符串的第一个单词？

Question

我目前有一个与 jQuery 有关的问题。

对于整个故事，我正在创建一些工具提示，我使用 css 将它们置于所需触发器的正下方。

一切正常，但问题来了:我有一个 <p>标签中包含一些文本。

工具提示由字符串的第一个单词生成，并且由于对齐，工具提示的前半部分在视口(viewport)之外。

所以它看起来像这样:

我希望能够使用 jQuery 定位第一个词，以便编写如下内容:

if( isFirstWord == true ) {
    tooltip.css('left','xx%')
}

这样我就可以正确定位工具提示，前提是它属于第一个词。

我希望你们知道我的问题，如果没有，请发表评论，我很乐意为您提供更多相关信息。

Answer 1

一种方式:

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

基本上，对于每个匹配项(某物)，您将第一个词替换为包含在标签中的词本身($1)。字符类\w 匹配字母、数字和下划线(因此定义了“单词”是什么——您可能需要另一个定义)。

这里已经存在解决方案:First Word in String with jquery