从内联css获取特定属性

时间:2013-07-28 11:30:32

标签: jquery-ui jquery jquery-plugins

我需要从内联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查询存储在变量中如何前进。

1 个答案:

答案 0 :(得分:0)

我认为你不能真正得到这种风格吗? jQuery和element.style似乎都不会像这样返回CSS中设置的translate值,因此下一个选项是将元素样式属性作为字符串,并操纵它来获取转换样式,然后将其拆分获得中间值:

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

FIDDLE