Javascript 如何更改每张幻灯片';s数据属性,而不将每张幻灯片设置为一个背景?

Javascript 如何更改每张幻灯片';s数据属性,而不将每张幻灯片设置为一个背景?,javascript,jquery,html,Javascript,Jquery,Html,我正在为我的幻灯片添加特定的数据-属性,以便为每张幻灯片添加自定义背景。我要做的是添加自定义数据属性,然后使用jQuery将值分配给变量。之后,我将变量传递给.css(),并将其分配给后台属性 var elementSection=$(“.cycle slideshow section”), sectionBackground=elementSection.attr(“数据循环幻灯片背景”); $(elementSection).css({background:sectionBackgroun

我正在为我的幻灯片添加特定的
数据-
属性,以便为每张幻灯片添加自定义背景。我要做的是添加自定义数据属性,然后使用jQuery将值分配给变量。之后,我将变量传递给
.css()
,并将其分配给
后台
属性

var elementSection=$(“.cycle slideshow section”),
sectionBackground=elementSection.attr(“数据循环幻灯片背景”);
$(elementSection).css({background:sectionBackground})

您可以利用
css()
方法提供的匿名函数;其中“$(此)指当前幻灯片):


您应该在每张幻灯片上循环:

elementSection.each(function() {
    $(this).css('background', $(this).data('cycle-slide-background'));
});
重要事项:确保您没有
在数据属性的末尾,它将使规则无效,并且不会应用该规则


演示:谢谢。我试过了,但它所做的只是设置第一张幻灯片的背景,剩下的空白;或者您忘记设置
数据
属性。你能用演示重现这种行为吗?谢谢。这也会设置第一张幻灯片的背景,但另一张幻灯片则为空白。请查看我发布的演示。还要确保您没有
在数据属性的末尾。非常感谢。正是分号使它不起作用。我不知道加入他们会破坏它。
elementSection.each(function() {
    $(this).css('background', $(this).data('cycle-slide-background'));
});