Remove CSS attribute using Jquery

Question

All of the other answers I have discovered only remove the setting of the attribute, and not the attribute completely. I am changing an element from absolute to fixed positioning. I need to remove the right positioning attribute and replace it with margin-right so that the element is position right within its parent DIV. If the right attribute is not removed, the element goes all the way to the right of the screen, and not to the right of the DIV like I need it to. Can anyone offer a suggestion on how to accomplish this?

Answer 1

Try setting it to its default value auto

$(element).css('right', 'auto');

Answer 2

$('div').css({'right' : '', 'margin-right' : '100px'});

If that doesn't work, try setting right to it's default value of auto

Answer 3

In my opinion the cleanest way is to remove the property completely from the element's CSSStyleDeclaration, instead of just overwriting it with some kind of null/zero/default value:

$(".foo").prop("style").removeProperty("right");
$(".foo").prop("style").removeProperty("background-color");