How do I use jQuery's .each() to replace text / regex?

Question

I have this code right here:

var tweetText = $("#tweet_text").text();
var replaced = replace(tweetText);

document.getElementById("tweet_text").innerHTML = replaced;

It gets text from a text element, and highlights the mentions and URLS to make them clickable. Here is the replace() code:

function replace(text) {
    return text.replace(/([@#])([a-z\d_]+)/ig, function(_, marker, tag) {
        if (marker === "@")
            return '<a href="?r=site/twitterprofile&q=$1">' + "@" + tag + '</a>';
        return '<a href="?r=site/hashtag&q=$2">' + "#" + tag + '</a>';
    });
}

I have a long list of divs / tweets, and when I run replace() it only applies the pattern matching function to one div. To get around this, I thought of collecting all of the #tweet_textdivs using .each(), and then applying the replace() function once it loops through.

Could somebody help me do that please?

see the doc for each

Bhojendra Rauniyar
– Bhojendra Rauniyar

2015-07-22 04:19:21 +00:00
Commented Jul 22, 2015 at 4:19 — Bhojendra Rauniyar
– Bhojendra Rauniyar, Commented Jul 22, 2015 at 4:19
You want to change value of text box or content of the div?

Mitul
– Mitul

2015-07-22 04:31:42 +00:00
Commented Jul 22, 2015 at 4:31 — Mitul
– Mitul, Commented Jul 22, 2015 at 4:31

Ben Fried · Accepted Answer · 2015-07-22 04:21:26Z

5

$('.your-tweet-class').each(function() {
    $(this).text( replace( $(this).text() ) );
});

You can remove the spaces, I just put them in for clarity.

answered Jul 22, 2015 at 4:21

Ben Fried

2,2141 gold badge16 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3776241 Over a year ago

i ended up using .html() because I was echoing html and not text. Everything works fine now though :)

Tushar · Accepted Answer · 2015-07-22 05:16:08Z

1

You can use html() as follow.

Set the HTML contents of each element in the set of matched elements.

$('.tweetClass').html(function(index, oldHtml) {
    return replace(oldHtml);
});

answered Jul 22, 2015 at 5:16

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

Collectives™ on Stack Overflow

How do I use jQuery's .each() to replace text / regex?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related