jquery - 使用jQuery获取元素的-webkit-transform值

我正在使用新的酷css3方式处理div，如下所示:

$("#thediv").css("-webkit-transform","translate(-770px, 0px)");

稍后在脚本中，我想到了这样获得转换的值:

$("#thediv").css("-webkit-transform");

它返回这样的矩阵:matrix(1，0，0，1，-770，0)

我不知道如何获得该矩阵的第五个值(-770)...

有什么建议？
谢谢!

最佳答案

您的矩阵是4x4转换矩阵:

-770对应于vx。要提取它，构造一个WebkitCSSMatrix对象:

var style = window.getComputedStyle($('#thediv').get(0));  // Need the DOM object
var matrix = new WebKitCSSMatrix(style.webkitTransform);

console.log(matrix.m41);  // -770