Regex with Javascript to retrieve content from a loop

Question

This seems simple but I have never done a regex so just a simple question from regex experts of JS.

var str = '<a href="test">luckyy1</a> born on october 21, 1986 <a href="test">sdf2</a> born on september 22, 1985 <a href="test">erere</a> born on November 23, 1984 ';

I got values successfully as: luckyy1, sdf2, erere

But I need it as luckyy1+october+21+1986,sdf2+september+22+1985,erere+... and so on (may be i need regex right??)

Any help would be appreciated.

Can you use the dom? or is the html content in a string only? — Josiah Ruddell, Aug 13 '12 at 16:02
yeah dom will be fine, was using jquery so far to get the $('a').each(function(index) { $formattedText += $(this).text() + $delimeter; }); — Luckyy, Aug 13 '12 at 16:03

Ram · Accepted Answer · 2012-08-13T16:26:29.883

1

Try this:

str = $("<div/>").html(str).text();
str = str.replace(/,?/g, '').replace(/born on?/g, '').split(' ').join('+')

DEMO

edited Aug 13 '12 at 16:26

answered Aug 13 '12 at 16:20

Ram

143,282
16
168
197

Maybe I'm being petty, but that's not the output you requested. – Joe Aug 13 '12 at 18:03

score 0 · Answer 2 · edited May 23 '17 at 12:12

0

While I recommend not parsing HTML with regex, this is sufficiently simple enough you should be able to do it.

"test"\s*>(.+?\d{4})

That will capture anything after a "test"> tag, and end at 4 numbers (the year in your example).

Your info is space delimited in group 1. After that, I recommend splitting on spaces to get your individual elements to play with.

Play with the regex.

edited May 23 '17 at 12:12

Community

1
1

answered Aug 13 '12 at 16:05

David B

2,688
18
25

1

Thanks for the awesome link David, but would like to clear : href is not gonna to be test always – Luckyy Aug 13 '12 at 16:07
You need something to anchor to (a delimiter): what would a string without the `href` look like? – David B Aug 13 '12 at 16:08
David, I meant href value will not always be "test" so it sould be matched in regex as "test" – Luckyy Aug 13 '12 at 16:17
@luckycool If your tags are going to become arbitrary, I would recommend using `JQuery` like some other answers or a full-fledged HTML parser. – David B Aug 13 '12 at 16:19

frnhr · Answer 3 · 2012-08-13T16:21:47.000

Basically, you want to strip the html tags?

Give this a try:

var StrippedString = OriginalString.replace(/(<([^>]+)>)/ig,"");

from http://css-tricks.com/snippets/javascript/strip-html-tags-in-javascript/

If you wish to get separate strings for each dom element (as your example suggests), you may transverse the DOM elements with jQuery and strip each one separately.

EDIT:

Something like this:

var $s = jQuery( the_string ); 
var result = [];
$s.each(function(i, item){ result.push( $(item).text().replace(/(<([^>]+)>)/ig,"") ); });

Josiah Ruddell · Answer 4 · 2012-08-13T16:20:26.950

Strictly with the markup you provided you can do something like this:

var values = $('<div><a href="test">luckyy1</a> born on october 21, '+
  '1986 <a href="test">sdf2</a> born on september 22, 1985 ' +
  '<a href="test">erere</a> born on November 23, 1984</div>')
  .contents()
  .map(function(){
    return $(this).text().replace('born on', '').trim();
}).get();

console.log(values); // ["luckyy1", "october 21, 1986", "sdf2", "september 22, 1985", "erere", "November 23, 1984"]

Only thing I changed was added a wrapping div to the string. You can then use values.join('+') to concat with a +, and more string replace on whitespace.

values.join('+').replace(/\s/g, '+'); // to make all whitespace `+`

score 0 · Answer 5 · answered Aug 13 '12 at 16:43

This is dirty solution but somehow may help you...

var str = '<a href="test">luckyy1</a> born on october 21, 1986 <a href="test">sdf2</a> born on september 22, 1985 <a href="test">erere</a> born on November 23, 1984 ';

var r= /<a[^>]*>(.*)<\/a> born on ([\w]*) ([\d]*), ([\d]*) <a[^>]*>(.*)<\/a> born on ([\w]*) ([\d]*), ([\d]*) <a[^>]*>(.*)<\/a> born on ([\w]*) ([\d]*), ([\d]*)/;

r.exec(str).splice(1).join('+');

Regex with Javascript to retrieve content from a loop

5 Answers5