Javascript 以CSS中定义的单位获取元素的宽度

Javascript 以CSS中定义的单位获取元素的宽度,javascript,jquery,css,width,Javascript,Jquery,Css,Width,假设我有: .item { width: 33%; } 问题是,如果使用jQuery,我必须检索宽度: $('.item').first().css('width') 它返回以像素为单位的实际宽度 如何获取%?我必须根据实际的父级宽度进行计算吗?您必须进行计算 100*(元素宽度/父元素宽度) 或 是的,你必须进行计算:(不幸的是,是的,你需要计算。看这张p.s.上个星期刚刚在德亚!@RobSchmuecker真的吗?真是个造币厂!!!@ToniMichelCaubet是的!很漂亮,

假设我有:

.item {
    width: 33%;
}
问题是,如果使用jQuery,我必须检索宽度:

$('.item').first().css('width')
它返回以像素为单位的实际宽度


如何获取
%
?我必须根据实际的父级宽度进行计算吗?

您必须进行计算

100*(元素宽度/父元素宽度)


是的,你必须进行计算:(不幸的是,是的,你需要计算。看这张p.s.上个星期刚刚在德亚!@RobSchmuecker真的吗?真是个造币厂!!!@ToniMichelCaubet是的!很漂亮,走了漫长的弯路来到Cala,在右边的餐厅吃了午饭!很漂亮!
var el = $('.item').first(),
    width = (100 * parseFloat(el.css('width')) / parseFloat(el.parent().css('width'))) + '%';
var el = $('.item').first(),
    width = (100 * parseFloat(el.width()) / parseFloat(el.parent().width())) + '%';