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

时间:2014-12-08 12:39:37

标签: javascript jquery html css tooltip

我目前遇到与jQuery相关的问题。

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

一切正常,但问题在于: 我有一个<p>标记,其中包含一些文字。

工具提示是由字符串的第一个单词生成的,由于对齐,工具提示的前半部分位于视口之外。

所以看起来像这样:Tooltip is outside the viewport

我希望能够使用jQuery定位第一个单词,以便编写类似的内容:

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

这将让我正确定位工具提示,只有它属于第一个单词。

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

1 个答案:

答案 0 :(得分:1)

一种方式:

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

基本上,对于每个匹配(某物),您将自己的第一个单词($ 1)替换为标签。字符类\ w匹配字母,数字和下划线(因此定义“单词”是什么 - 您可能需要另一个定义)。

此处已存在解决方案:First Word in String with jquery