如何使用 jQuery 查找#？

Question

我最近为我的网站构建了一个小型应用程序，允许我的用户显示他们的推文。 我想知道它们是否是一种使用 jQuery 或 Javascript 来检测或查找主题标签和 http:// 等内容的方法？

一个简单的句子示例可能是：

The quick #brown fox jumps over the #lazy dog

Answer 1

您可以尝试 twitter-text-js 。它可以执行自动链接 @mentions、#hashtags 和 url 等操作。

twttr.txt.autoLink('A @screen_name, #hashtag, and url: http://twitter.com autolinked')

将导致：

"A @<a class="tweet-url username" data-screen-name="screen_name" href="http://twitter.com/screen_name" rel="nofollow">screen_name</a>, <a href="http://twitter.com/search?q=%23hashtag" title="#hashtag" class="tweet-url hashtag" rel="nofollow">#hashtag</a>, and url: <a href="http://twitter.com" rel="nofollow" >http://twitter.com</a> autolinked"

或者查找 #hashtags: 的索引

twttr.txt.extractHashtagsWithIndices('A @screen_name, #hashtag, and url: http://twitter.com autolinked')

将导致：

[{
  hashtag: "hashtag",
  indices: [ 16, 24 ]
}]

Answer 2

Javascript 的 .search() 方法将为您提供字符出现在字符串中的索引：

<p id="mystring">Hello, how are #you today?</p>

alert($("#mystring").html().search("#"));

Answer 3

您可以使用正则表达式来匹配字符串的一部分，

hashtags = /\#\w+/g.exec( "The quick #brown fox" );

请参阅它的工作原理 https://regex101.com/ r/pai19N/1