如何在JQuery中选择CSS3的子属性[重复]

Question

我正在尝试使用 jQuery 选择 CSS transform 属性的子属性。例如，如果我们有这样的事情：

编辑

.test{
    transform-style: preserve-3d;
    width: 460px; height: 738px;
    transform: translate3d(0px, 0px, 480.89px)
    matrix3d(-0.959423, 0.0701992, -0.273093, 0, 0, -0.968514, -0.248959, 0, 0.281971, 0.238857, -0.929215, 0, 0, 0, 0, 1)
    translate3d(230px, 369px, 0px);

请注意，这是一个动态值，它会随着视图的变化而变化 因此，如果我想从 matrix3d 中选择任何属性值，我如何使用 jQuery 来实现它？谢谢。

Answer 1

您可以通过 jQuery 检索 CSS 属性，然后将值拆分为 , 并从结果索引中获取第 4 项，如下所示：

var transform = $('.test').css('transform').split(',')[3];

Example fiddle