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

Question

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

<section data-color="#A3D1B5">

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

我已经尝试过
在这个问题中使用 HTML5 数据属性的 CSS 值说出答案，应该可以设置颜色，background: attr(data-color);但这对我不起作用......

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

任何其他解决方案或提示如何处理这个问题jQuery data()？

score 8 · Accepted Answer

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

score 3 · Accepted Answer

您必须获取data-color属性并将其分配给backgroundcss 中的：

$('section').each(function(){
    $(this).css('background', $(this).attr('data-color'));
});

活生生的例子：http: //jsfiddle.net/Pk5dK/

score 3 · Accepted Answer

试试这个代码，

$("section").each(function(){
    $(this).css('background',$(this).data('color'));
});

score 0 · Accepted Answer

试试这个：- http://jsfiddle.net/aidioo7/JgfkY/

JS：-

jQuery(function($){
    $("#section").css("background-color",$("#section").attr("data-color"));
});

HTML:-

<section id="section" data-color="#A3D1B5">Section with custom color</section>