使用jquery保存元素的所有css屬性

Question

我基本上試圖保存當前var /數組中的元素的所有當前css屬性。 我想：

el.css(); 

和

el.css("*"); 

沒有運氣。

是否有任何快速提示做到這一點？

Answer 1

• 演示：http://so.devilmaycode.it/save-all-css-properties-of-element-using-jquery

我已經更新的答案是比較有效也提供了一個工作演示...

$(function() { 
     // element tag example p and element id 
     function get_element_style(element, id){ 
      var css = {}; 
      $('<iframe id="get-style-'+id+'" style="display:none"/>').appendTo('body'); 
      $('#get-style-'+id).contents().find('body').append('</'+element+'>'); 
      $el = $('#get-style-'+id).contents().find('body').find(element); 
      var defaults_css = $el.getStyles(); 
      $('#get-style-'+id).remove(); 
      var element_css = $('#'+id).getStyles(); 
      for (var i in element_css) { 
       if (element_css[i] !== defaults_css[i]) { 
        css[i] = element_css[i]; 
       } 
      } 
      return css; 
     } 

     var properties = get_element_style('p', 'test-p'); 

    }); 

獲取元素樣式的問題是，您不僅僅獲取設置值，而且還會獲取默認值。用這段代碼我試圖得到一個元素的設置值。這項工作既與inline風格以及與<style>和<link>

• 注：這種解決方案需要使用這個插件的https://github.com/moagrius/copycss