Javascript 单击更改背景色

我试图允许用户通过单击其中一个框来更改背景颜色

我输入了此代码，但它不起作用：

$（文档）.ready（函数（）{
$（“ul li a”）。单击（函数（）{
var Color=$（this.attr（“数据颜色”）；
$（“body”）.css（“背景”，颜色）；
});
});










您的问题中缺少一些CSS。我之所以回答这个问题，是因为您似乎错过了jQuery库，但也许您确实有这个库和一些CSS，可以将链接扩展到可点击的内容

如果您添加jQuery库并以某种方式使链接可见、文本或在本例中显示带填充的内联块，则此功能将起作用


$（文档）.ready（函数（）{
$（“ul li a”）。单击（功能（e）{
e、 preventDefault（）；//这不是严格需要的，但是一个好主意
const color=$（this.data（“color”）；
$（“body”）.css（“背景”，颜色）；
});
$（“[数据颜色]”）。每个（函数（）{
$（this.closest（“li”）.css（{“background color”：this.dataset.color}）
})
});
ul{
列表样式类型：无；
}
a{
文字装饰：无；
显示：内联块；
填充：15px；
}
.彩盒{
显示：内联块；
浮球：对
}










元素的类很简单，颜色的名称（pantone）似乎工作正常。你能添加最小的可复制代码段吗？@adcoding我们缺少一些CSS。我之所以回答这个问题，是因为您似乎错过了jQuery库，但也许您确实有这个库和一些CSS，可以将链接扩展到某个地方clickable@adcoding我想你不需要文本，比如黑色，棕色，…@WilliamWang查看更新-我使用了填充和内联-block@adcoding除了添加jquery库之外，这段代码和您的代码有什么不同？您的代码在jquery库和css中也运行良好。@freedomn-m如果链接中没有任何内容，如果没有额外的css，链接将无法单击-也许adcoding有类似css的功能mine@mplungjan我想知道adcoding认为用“it works”来回应有什么不同。他们提供了一个屏幕截图，其中显示了一些css，我（很可能是错误的）认为html生成了屏幕截图——也许它只是一个模型？
a
（在OPs屏幕截图中，假设生成了html）将以与代码中相同的方式单击（块+填充或块+维度，就像我在检查OPs代码时所做的那样）