我正在尝试通过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中使用它们。
有什么建议吗?
答案 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];