JavaScript または jQuery を使用して CSS クラス スタイルを動的に取得するにはどうすればよいですか?

$(element).css(styleAttribute);

var color = $(element).css("color");

function getStyleRuleValue(style, selector) {
  // Iterate through style sheets
  for (var i = 0; i < document.styleSheets.length; i++) {
    var sheet = document.styleSheets[i];

    // Iterate through rules in the current sheet
    for (var j = 0; j < sheet.cssRules.length; j++) {
      var rule = sheet.cssRules[j];

      // Check if the rule matches the selector
      if (rule.selectorText.includes(selector)) {
        // Return the requested style
        return rule.style[style];
      }
    }
  }

  // No matching rule found
  return null;
}

var color = getStyleRuleValue("color", ".highlight");

.highlight { 
    color: red; 
}

$(this).animate({
    color: getStyleRuleValue("color", ".highlight")
}, 750);