jquery - data 属性の値で背景を設定する

Question

私は16の異なるsectionタグを持っています。すべてsectionのタグには、data-それぞれに特定の背景色を設定する属性がありsectionます。

<section data-color="#A3D1B5">

今、この色を背景として設定したいと思います。

私がすでに試し
たことこの質問では、 HTML5データ属性を使用したCSS値が答えを言います。色を次のように設定できるはずですbackground: attr(data-color);が、これはうまくいきません...

見てみましjQuery data()たが、すべてのタグの背景を設定する方法がわかりませんsection。

これを処理するための他の解決策やヒントはあります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

属性を取得して、css にdata-color割り当てる必要があります。background

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

score 3 · Accepted Answer

このコードを試して、

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

score 0 · Accepted Answer

これを試してみてください： - http://jsfiddle.net/adiioo7/JgfkY/

JS:-

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

HTML:-

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