javascript - jQueryで＃を見つけるにはどうすればよいですか？

Question

最近、自分のサイト用に、ユーザーがツイートを表示できる小さなアプリを作成しました。それらがハッシュタグやhttp：//のようなものを検出または検索するためのjQueryまたはJavascriptを使用する方法であるかどうか疑問に思っていますか？

文の簡単な例は次のとおりです。

The quick #brown fox jumps over the #lazy dog

Answer 1

twitter-text-jsを試してみてください。@メンション、＃ハッシュタグ、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

正規表現を使用して、文字列の一部を照合できます

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

http://refiddle.com/10rで動作することを確認してください

Answer 3

Javascriptの.search（）メソッドは、文字が出現する文字列のインデックスを提供します。

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

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