Javascript – how to overwrite css height set by jquery/javascript

cssheightjavascriptjquery

I have this:

 var setHeight = $(this).outerHeight(); 
 // returns e.g. 687

 $("#someElement").css({'height': $setHeight+"px !important" });
 // I want to override this jquery-set height

I'm not sure this is the right way… probably not, since it's not working.

Thanks for helping out!

Best Solution

Your variable name doesn't have a leading $. Also, the !important flag will cause this not to work in Firefox, however as you're applying this style directly to the element, you shouldn't need it.

$("#someElement").css('height', setHeight + "px");

Also note that if you're only setting the element's height you can also just shorten this to a height() call:

$("#someElement").height(setHeight);