jquery - 使用数据属性的值设置背景

Question

我有 16 个不同的 section 标签。每个 section 标签都有一个 data- 属性来为每个 section 设置特定的背景颜色:

<section data-color="#A3D1B5">

现在我想将这种颜色设置为背景。

我已经尝试过的
在本题CSS values using HTML5 data attribute说出答案，应该可以像 background: attr(data-color); 那样设置颜色，但这对我不起作用......

我查看了 jQuery data()，但我不知道如何为所有 section 标签设置背景。

关于如何使用 jQuery data() 处理此问题的任何其他解决方案或提示？

Answer 1

DEMO

$("section").css('background', function () { //or for code's consistency, i'd use background-color instead
    return $(this).data('color')
});