There is a task: to create animation on the basis of data of dynamically added styles table.

The decision received for evening:

2.     //1 расширить до: получать массив из классов,
3.     //2 флага удаления противоположного модификатора по БЭМУ
4.     //3 рекурсивно выводить для всех вложенных классов которые он может затронуть
5.     $.fn.animateClass = function (className, callback){
6. 
   
7.         for(var StyleSheetList = document.styleSheets, i=0; i<StyleSheetList.length; i++){  
8.             for(var cssRules=StyleSheetList[i].cssRules, j=0; j<cssRules.length; j++){   
9.                 if(cssRules[j].selectorText==className){ 
10.                     var cssText = cssRules[j].style.cssText; 
11.                     cssText = cssText.replace(/\s/g,'');
12.                     var cssAttributes = cssText.split(/[:;]/);
13.                     var cssObject ={};   
14.                     for(var k=0;k<cssAttributes.length;k+=2){
15.                         if(!cssAttributes[k]){continue;} 
16.                         cssObject[cssAttributes[k]]=cssAttributes[k+1];
17.                     }
18.                 }
19.             }
20.         }
21.         console.log(cssObject);
22.         $(this).animate(cssObject,'slow',callback);
23.         return this;
24.     };

This function is super crude, I need simpler alternative which will be a cross-browser and complete.

ps: to obtain data from classes, not differently

tnx