Javascript Regular Expression for CSS

Question

I'm trying to extract a value through Javascript from an element's CSS3 attribute such as the following:

CSS:

el {
  -moz-transform: matrix(1, 0, 0, 1, 27px, 0px);
}

Javascript (jQuery)

var style = $('el').css('-moz-transform');

The style variable takes the following string when the script runs: "matrix(1, 0, 0, 1, 27px, 0px)"

I'd like to extract the number corresponding to the 27px field inside that string.

I imagine the fastest, or at least most elegant way to do so is with regular expressions, although I don't really know how to use them in JS.

Any suggestions?

Toto · Accepted Answer · 2012-03-21 13:14:17Z

2

How about:

var value = style.split(',')[4];

If you want to remove the spaces:

var value = style.split(/, */)[4];

edited Mar 21, 2012 at 13:14

answered Mar 21, 2012 at 12:56

Toto

91.7k63 gold badges97 silver badges135 bronze badges

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

1 Comment

Jeffrey Sweeney Over a year ago

What about the spaces between the commas? Well, I suppose if you use parseInt, the spaces won't matter.

Umesh Patil · Accepted Answer · 2012-03-21 13:26:07Z

1

$('el').css('-moz-transform').split(',')[4]

Please, Test the below jsfiddle in Mozilla firefox -moz-transform is used only in Firefox.

edited Mar 21, 2012 at 13:26

answered Mar 21, 2012 at 13:02

Umesh Patil

10.7k16 gold badges56 silver badges81 bronze badges

2 Comments

buckley Over a year ago

The force is strong with this one.

StJimmy Over a year ago

Thanks. Don't know how I didn't think about that before .

ChrisR · Accepted Answer · 2012-03-21 12:57:25Z

0

IMO the easiest way to do this is actually just splitting the string on comma's and getting the 5th parameter, no need to fire up the regex engine

var val = style.split(',')[4];

answered Mar 21, 2012 at 12:57

ChrisR

14.5k17 gold badges73 silver badges112 bronze badges

Comments

Josh Mein · Accepted Answer · 2012-03-21 12:57:46Z

0

You could just do a split on the commas.

var style = $('el').css('-moz-transform').split(",")[4];

answered Mar 21, 2012 at 12:57

Josh Mein

28.6k15 gold badges79 silver badges89 bronze badges

Collectives™ on Stack Overflow

Javascript Regular Expression for CSS

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related