JavaScript Regex Problem

Question

Csharp Regex Pattern:

Regex rg = new Regex("(?i)(?<=>)[^<]+(?=</TD>)");

JavaScript Regex Pattern:

var pattern = (?i)(?<=>)[^<]+(?=</TD>);

var result = str.match(pattern);

Csharp Regex pattern work, but javascript regex pattern not work pls help ?

You are trying to parse HTML with regular expressions. Please do not do this, it is wrong, dangerous and completely unnecessary. — Tomalak
– Tomalak, Commented May 12, 2010 at 13:25
Removed my blatantly wrong answer. [comment by Tomalak:] There are neither look-behinds nor inline modifiers in JavaScript regular expressions. Please explain more closely what you are trying to do. Where does the string come from? What values are you interested in? — Alsciende
– Alsciende, Commented May 12, 2010 at 13:41

Tomalak · Accepted Answer · 2010-05-12 13:42:28Z

2

Assuming you have an HTML fragment in form of a string and are in a browser, trying to consume it with JavaScript:

var str = "<TD>33,7</TD><TD>100</TD><TD>20,0</TD>";

var temp = document.createElement("tr");
temp.innerHTML = str;

var tds = temp.getElementsByTagName("td")
for (var i=0; i<tds.length; i++) {
  alert(tds[i].textContent);  // use .innerText in Internet Explorer
}

See? No regular expressions necessary - the browser has a perfectly capable HTML parser built-in, no need to make your own. When using a JavaScript framework like jQuery, the above gets even easier:

$("<TD>33,7</TD><TD>100</TD><TD>20,0</TD>").find("td").each( function() {
  alert( $(this).text() );
});

answered May 12, 2010 at 13:42

Tomalak

339k68 gold badges547 silver badges635 bronze badges

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

Comments

gnarf · Accepted Answer · 2010-05-12 14:56:57Z

0

There aren't lookbehinds, or inline modifiers in JavaScript RE. So we move the (?i) to the end of the regexp: //i. The lookbehind is a bit harder to mimic, so its easier to just accept the fact that it can't be done and instead use a capture group to find what you need:

var pattern = />([^<]+)<\/TD>/i;
var result = str.match(pattern);

// the match you want is in result[1]

EDIT: Seems to work fine on both strings you provided:

"<td class='asd'>sd</td>".match(/>([^<]+)<\/TD>/i)
// [">sd</td>", "sd"]

If you want to match multiple items in the same string you can abuse the replace() method something like this:

var textInTds = []; // empty array we will fill up:
"<td>bla1</td><td class='asd'>sd</td>".replace(/>([^<]+)<\/TD>/ig, function($0, $1) {
  textInTds.push($1); // push onto the array
  return $0; // return the original text so that it doesn't destroy the string
});

// textInTds -> ["bla1", "sd"]

edited May 12, 2010 at 14:56

answered May 12, 2010 at 13:49

gnarf

107k26 gold badges129 silver badges161 bronze badges

2 Comments

Chicharito Over a year ago

pls <td>bla1</td> work but other 'td' <td class='asd'>sd</td> not work other td

Tomalak Over a year ago

@oraclee: Boy… you sure do have the wrong attitude. How about commenting on the actual solutions you got and answering the questions you have been asked instead of sprinkling "does not work" and "pls help" comments all over the place.

Collectives™ on Stack Overflow

JavaScript Regex Problem

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related