Xóa thuộc tính CSS bằng cách sử dụng Jquery

Question

Tất cả các câu trả lời khác mà tôi đã phát hiện chỉ xóa cài đặt thuộc tính chứ không phải thuộc tính hoàn toàn. Tôi đang thay đổi một phần tử từ vị trí tuyệt đối đến cố định. Tôi cần phải loại bỏ các thuộc tính định vị đúng và thay thế nó bằng lề phải để phần tử là vị trí ngay trong DIV cha mẹ của nó. Nếu thuộc tính bên phải không được gỡ bỏ, phần tử sẽ chuyển sang bên phải của màn hình, chứ không phải ở bên phải của DIV như tôi cần nó. Bất cứ ai có thể đưa ra một gợi ý về cách thực hiện điều này?

Answer 1

Hãy thử thiết lập nó để giá trị mặc định của nó auto

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

Answer 2

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

Nếu điều đó không làm việc, hãy thử thiết lập quyền đó là giá trị mặc định của auto

Answer 3

Hãy thử thiết lập right-0px và sau đó đặt số margin-right.

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

Answer 4

Bạn có thể thử mã sau

 $.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

Theo tôi cách sạch là để loại bỏ bất động sản hoàn toàn từ các yếu tố của CSSStyleDeclaration, thay vì chỉ ghi đè lên nó với một số loại null/zero/default giá trị:

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