How to loop over multiple filtered regex strings

Question

I do not know how to better track down the question. What I want to do is to look for every e-mail-address matching my regEx in different div.test, to create <a href="mailto:"> links.

This does work, but if there are multiple mail addresses inside one div, only the first one gets highlighted. Whats the problem?

var regEx = /(\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*)/;

$(".test").filter(function() {
    return $(this).html().match(regEx);
}).each(function() {
    $(this).html($(this).html().replace(regEx, "<a href=\"mailto:$1\">$1</a>"));
});

JSBIN

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… Like @Keith said use the global flag — bassxzero
– bassxzero, Commented Nov 13, 2017 at 14:30

FcoRodr · Accepted Answer · 2017-11-13 14:31:37Z

2

You must add the global (g) flag to you regexp:

var regEx = /(\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*)/g

Otherwise your regex will halt after the first match.

answered Nov 13, 2017 at 14:31

FcoRodr

1,65310 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

How to loop over multiple filtered regex strings

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related