How to override css containing '!important' using jquery?

Question

I want to apply height for specific div using jquery but not able to override the \'!important\' keyword using jquery.

Here is

Answer 1

$('#divL3.myclass').attr('style', 'height:0px !important');

Would something like the above work?

Answer 2

Have you tried this?

$('#divL3.myclass').css('height', '0px !important');

Answer 3

Try This :

$( '.myclass' ).each(function () {
    this.style.setProperty( 'height', '0px', 'important' );
});

.setProperty () enables you to pass a third argument which represents the priority.