javascript - jQuery - 从多个按钮的内部文本设置背景颜色

Question

我正在尝试使用 jQuery 根据按钮的内部文本更改多个按钮的背景颜色。使用 for 循环使用直接 javascript 很容易，但我不知道如何在 jQuery 中做同样的事情。

这是我所在的地方:

$('button').click(function(){
    $(body).css('background-color', "$('button').text()");
});

Answer 1

您将其设置为一个字符串，而不是文本的值。并且您想使用 this 获取对被单击元素的引用。只需使用 $("button") 就会返回第一个按钮的文本。

$('button').click(function(){
    $(body).css('background-color', $(this).text());
});