Is it possible to use jQuery to get the width of an element in percent or pixels, based on what the developer specified with CSS?

jquery css width
joren picture joren · Oct 24, 2010 · Viewed 77.4k times · Source

I'm writing a jQuery plugin and something I need to be able to do is determine the width of an element that the user specifies. The problem is that .width() or .css('width') will always report exact pixels, even if the developer has assigned it e.g. width:90% with CSS.

Is there any way to have jQuery output the width of an element in px or % depending on what the developer has given it with CSS?

Answer

Matt Ball picture Matt Ball · Oct 24, 2010

I'd say the best way is to compute it yourself:

var width = $('#someElt').width();
var parentWidth = $('#someElt').offsetParent().width();
var percent = 100*width/parentWidth;

Related questions

How to slide toggle a div right to left?

Please see this fiddle http://jsfiddle.net/MKwwH/ I want the link images-link to slide toggle right to left? $(document).ready(function() { $('.hidden').hide() }); $('.soundDiv-link').click(function() { $('#soundDiv').slideToggle("slow") }); $('.videoDiv-link').click(function() { $('#videoDiv').next().…

Read More
Getting the actual, floating-point width of an element

I'm using jQuery (v1.7.1) and I need to get the absolute, floating-point width of an element, but all of jQuery's width methods seem to be rounding-off the value of the width. For example if the actual width of an element …

Read More
16:9 aspect ratio with fixed width

If I were to embed a YouTube video for example <iframe width="560" src="http://www.youtube.com/embed/25LBTSUEU0A" class="player" frameborder="0" allowfullscreen></iframe> Using jQuery would I set a height with an aspect ration …

Read More