javascript - jQuery:在克隆元素上使用 .css 来获取特定的 css 属性？

Question

我正在尝试获取当前应用于克隆元素的字体大小，但是当我使用 jQuery .css 函数时，它没有检索到任何内容。

难道不能使用 jQuery 中的“.css”函数从克隆的元素中检索特定的 css 属性吗？

以下不起作用:

var clonedElement = jQuery('.element').clone();
clonedElement.attr("style", "");
var defaultFontSizeValue = clonedElement.css('font-size');
console.log(defaultFontSizeValue);

编辑 1不幸的是，原件具有内联样式，不允许我为通过类应用的该元素获取覆盖的字体大小属性。这就是为什么我试图通过删除克隆中的内联样式来检索原始值。

Answer 1

您的问题是克隆的元素没有“附加”到您的 dom，因此该元素没有样式定义(基于非内联的 css)。

您可以做的是将克隆的元素附加到 body(如果需要，在设置 display: hidden 之后)，然后检查字体大小:

$(function() {
  console.log($('.c1').css('fontSize'));
  c1 = $('.c1').clone();
  console.log(c1.css('fontSize'));
  
  c1.css('display', 'none');
  $('body').append(c1)
  console.log(c1.css('fontSize'));
});

.c1 {
  font-size: 12px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="c1">asd</div>