How to set dynamic value in jQuery css() function with !important declaration?

Question

In the following jQuery script, I am trying to replace "2500px" with $(document).height() but it's not working.

$("#mydiv").css("cssText", "position: relative; width:30%; height:2500px!important;");

This is what I did but it's not working:

$("#mydiv").css("cssText", "position: relative; width:30%; height:"+$(document).height()+"!important;");

Am I missing something here?

See http://api.jquery.com/css/ and http://api.jquery.com/attr/. You can use `$( "#div" ).attr( "style", "height: " + $(document).height() + "px !important;" )` — ostapische, Aug 14 '14 at 08:09

Bhojendra Rauniyar · Answer 1 · 2014-08-14T08:21:25.587

-1

Updated: You can use cssText like below:

$('#mydiv').css('cssText','height: 2500px !important');

edited Aug 14 '14 at 08:21

answered Aug 14 '14 at 07:58

2

As per my understanding You don't need important with inline-styling – Satpal Aug 14 '14 at 08:00
He wants to replace the `2500px` width the document height, shouldn't your code be `$("#mydiv").css('height',$(document).height()+'px','important');` – LinkinTED Aug 14 '14 at 08:01
Yes `.css()` addes inline style to element like `
` just to add not downvoter
– Satpal Aug 14 '14 at 08:02
3

There is no 3rd parameter for jQuery's [.css](https://api.jquery.com/css/) – Adam Merrifield Aug 14 '14 at 08:02
@Satpal No, it doesn't – Bhojendra Rauniyar Aug 14 '14 at 08:02
3

@C-linkNepal Yes it does. – Rory McCrossan Aug 14 '14 at 08:05
please check my update... – Bhojendra Rauniyar Aug 14 '14 at 08:18

1 Answers1