CSS的Javascript正则表达式

时间:2012-03-21 12:50:44

标签: javascript css regex parsing

我正在尝试通过Javascript从元素的CSS3属性中提取值,如下所示:

CSS:

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

Javascript(jQuery)

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

样式变量在脚本运行时采用以下字符串:“matrix(1,0,0,1,27px,0px)”

我想提取与该字符串中 27px 字段对应的数字。

我认为最快,或者至少最优雅的方式是使用正则表达式,虽然我真的不知道如何在JS中使用它们。

有什么建议吗?

4 个答案:

答案 0 :(得分:2)

怎么样:

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

如果要删除空格:

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

答案 1 :(得分:1)

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

请在Mozilla中测试以下jsfiddle firefox -moz-transform仅在Firefox中使用。

答案 2 :(得分:0)

IMO最简单的方法就是在逗号上分割字符串并获取第5个参数,不需要启动正则表达式引擎

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

答案 3 :(得分:0)

你可以对逗号进行拆分。

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