Jqury HashtagFinder

HashtagFinder by Nishan Weerasinghe

by Nishan Weerasinghe

HTML

<br /><br />
<label class="hashtag">This is #hashtag #test #label</label>
<br />
<br />
<label class="hashtag">This is another #label for hashtag example #test</label>

CSS

.hashtag{
    font-size:22px;
}

JavaScript

$(document).ready(function() {
    $(".hashtag").map(function(i, el) {
        $(el).html(function(_, html) {
            return html.replace(/(#\w+)/g, function(match) {
              return "<a href='#' class=smallcaps "
              + "style='text-decoration:none;"
              + "background-color:rgba(113,162,252,0.63);"
              + "color:white;padding:2px 4px 2px 4px;"
              + "border-radius:2px;'>" + match + "</a>"
            })
        })
    });

});