Eliminar el atributo CSS utilizando Jquery

Question

Todas las otras respuestas que he descubierto solo eliminan la configuración del atributo, y no el atributo por completo. Estoy cambiando un elemento del posicionamiento absoluto al fijo. Necesito eliminar el atributo de posicionamiento correcto y reemplazarlo con margen-derecho para que el elemento esté en la posición correcta dentro de su DIV padre. Si no se elimina el atributo correcto, el elemento va completamente a la derecha de la pantalla, y no a la derecha de la DIV como lo necesito. ¿Alguien puede ofrecer una sugerencia sobre cómo lograr esto?

Answer 1

Inténtelo a su valor por defecto auto

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

Answer 2

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

Si eso no funciona, intente configurar derecho a su valor por defecto de auto

Answer 3

Inténtelo de right a 0px a continuación, establecer el margin-right.

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

Answer 4

Puede probar código

 $.fn.removeCss=function(toDelete) { 

      var props = $(this).attr('style').split(';'); 
      var tmp = -1; 

      for(var p=0; p<props.length; p++) { 
       if(props[p].indexOf(toDelete) !== -1) { 
        tmp=p 
       } 
      } 

      if(tmp !== -1) { 
       props.splice(tmp, 1); 
      } 

      return $(this).attr('style',props.join(';')); 
     } 

example usage: 
$(selector).removeCss('color'); 

Answer 5

En mi opinión después de la manera más limpia es quitar la propiedad por completo del elemento de CSSStyleDeclaration, en lugar de sobrescribir con algún tipo de nulo/nulo/default valor:

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