jquery - 如何使用自己的数据属性设置CSS属性？

Question

假设我有这个小片段:

<p data-color="red">Hello world</p>

我想将其颜色设置为其自己的数据属性，如下所示:

$('p').css({

    color: $(this).data('color')
});

出于某种原因，这不起作用。有人知道我做错了什么吗？

Answer 1

this 指的是其他东西，而不是 p。尝试将其放入函数中。

$('p').css('color', function() { return $(this).data('color'); });