JQuery-在选择器中获取css属性

我试图为目标元素的CSS属性（字体大小）设置一个自定义属性。如何从选择器中访问css，如：

$('.font-900').attr('data-resfont', <font-size here>);

我猜这不会起作用，因为“this”指的是attr函数。我的下一步是：

$('.font-900').attr('data-resfont', this.target.css('font-size'));

---

这似乎也不起作用。我想我遗漏了一些简单的东西。

您可以使用函数作为迭代集合中每个元素的

.attr

的第二个参数（您不能使用

.data

执行此操作，或者我建议使用该参数）

---

有多种方法可以做到这一点：

• 迭代匹配的每个元素：

$（'.font-900'）。每个（函数（）{
$（this.attr（'data-resfont'，$（this.attr（'font-size'））
});

• 创建变量赋值：

var e=$（'.font-900'）；
e、 css（'data-resfont'，e.attr（'font-size'）；

• 使用函数设置属性

$（.font-900”）.attr（'data-resfont'，函数（）{
返回此.style.fontSize；
});

这是一个完美的答案，但有人在我所寻求的解决方案上击败了你。接受他们的答案是公平的。如果可以的话，我会投你一票的！那不是

。每个
而不是
。forEach
？
$('.font-900').attr('data-resfont', this.target.css('font-size'));

$(".font-900").attr('data-resfont', function () {
    return this.style.fontSize;
});