RegEx模式不适用于AJAX响应

Question

UPDATED

I need some help from you to defeat the regexp! I'm getting the external CSS file in a form of AJAX response like this:

$.when($.get("style.css")).done(function(response) {
    var myCSS = response;
    var patt = new RegExp("#mydiv(.*?)}","g");
    var match = myCSS.match(patt);
    alert(match);  
}

What I'm trying to achieve here is I want to get everything from #mydiv to the last closing bracket } , but for some reason alert(match) returns me null .

The most annoying thing is when I change the pattern to:

var patt = new RegExp("#mydiv(.*?){","g"); // <-- Changed } to {

alert(match) returns me what is supposed to be returned --> #mydiv .mylink {

Or when I represent the same CSS in a form of a simple string like this:

$.when($.get("style.css")).done(function(response) {
    var myCSS = "The same style.css but copy-pasted here";
    var patt = new RegExp("#mydiv(.*?)}","g");
    var match = myCSS.match(patt);
    alert(match);  
}

Works with my initial pattern as expected. Any thoughts what am I missing here?

Answer 1

The } is a reserved character on regex, you have to escape it with \\ . I think regex you're after is "#mydiv(.*)\\}" or "#mydiv(.*)\\\\}" if the \\ itself has to be escaped.

Answer 2

Ok I think I've found the solution.

var patt = new RegExp("#" + myID + "(\n|.)*?}","g");

After crazy googling, stackoverflowing and discussing with the community all night long. I've found that the problem is that JS Regex does not recognize the . as a new line so you need to put (\\n|.) instead.

I'm not sure that this solution is universal, and will ty to test it on different CSS files. Thank you guys that commented my post! I really appreciate your collaboration!

Source: the very end of http://goo.gl/1W55l