Grow your CSS skills. Land your dream job.

Last updated on:

jQuery Tweetify Text


$.fn.tweetify = function() {
	this.each(function() {
				.replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi,'<a href="$1">$1</a>')
				.replace(/(^|\s)#(\w+)/g,'$1<a href="$2">#$2</a>')
				.replace(/(^|\s)@(\w+)/g,'$1<a href="$2">@$2</a>')
	return $(this);




<p>@seanhood have you seen this #lol</p>


<p><a href="">@seanhood</a> have you seen this
<a href=""></a>
<a href="">#lol</a></p>

Reference URL


  1. Didn’t work for me, :(

  2. Jamie
    Permalink to comment#

    Works for me! Thanks:)

    Mac OSX Snow Leopard
    Coda 1.6.4

  3. Mike
    Permalink to comment#

    Works good for me too, thanks Chris!

  4. Mike
    Permalink to comment#

    How would you hide the ‘http://’ part of the URL from the display text?

    I can’t seem to find a way to replace or remove specific text inside an <a> tag.

    Any help appreciated!

  5. Permalink to comment#

    Perhaps add

    .replace(/(^|\s)$(\w+)/g,'$1<a href="$2" rel="nofollow">#$27</a>')
    • I were just about to reply that it sound stupid because Google dosent follows javascript links – but thats not true, they DO actually have the ability to follow javascript links:

  6. Ramon
    Permalink to comment#

    Also very useable for making it happen in PHP! :)


  7. Permalink to comment#

    Hey guys,

    afaik, I must suggest that the twitter URI should changed to new api, for example “!/search/%23$2″ for your href attributes with linked “#$2″.

    The complete function for a twitter-hash will be:

Leave a Comment

Posting Code

  • Use Markdown, and it will escape the code for you, like `<div class="cool">`.
  • Use triple-backticks for blocks of code.
      <h1>multi-line block of code</h1>
      <span>be cool yo.</span>
  • Otherwise, escape your code, like <code>&lt;div class="cool"&gt;</code>. Markdown is just easier though.

Current ye@r *

*May or may not contain any actual "CSS" or "Tricks".