jquery-ui - 从内联 css 获取特定属性

Question

我需要从内联 CSS 中获取特定属性。

<div class="ABC" style="width: auto; position: relative; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);">

从上面的 div 我需要transform:translate3d(0px,**222px**,0px);得到之前的我需要获取**222px**值并使用 j 查询存储在变量中如何前进。

Answer 1

我不认为你真的可以得到那种风格？
jQuery 和element.style似乎都没有返回 CSS 中设置的 translate 值，因此下一个选项是将元素样式属性作为字符串获取，并对其进行操作以获取转换样式，然后将其拆分以获得中间值：

var style = document.getElementsByClassName('ABC')[0].getAttribute('style');
var trans = style.split('transform').pop().split(')').shift().split(',')[1].trim();

小提琴