jQuery-在另一个元素上重复使用CSS值

我在一系列按钮上设置了背景色，.button1、.button2、.button3和.button4。每个按钮在CSS中都有不同的背景颜色设置

我想使用jQuery来检测单击按钮时按钮的背景颜色，并将该颜色应用于.toolbar

这可能吗？

您可以：

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

$('button[class^="button"]').click(function(){
  $('.toolbar').css('background-color', $(this).css('background-color'));
});

这是通用的，将自动检测单击的按钮，而不是为每个具有不同类的按钮编写代码。此外，此代码确保只对类名以button开头的按钮执行操作。

您可以执行以下操作：

$('button[class^="button"]').click(function(){
  $('.toolbar').css('background-color', $(this).css('background-color'));
});

---

这是通用的，将自动检测单击的按钮，而不是为每个具有不同类的按钮编写代码。此外，此代码确保它只对类名以button开头的按钮执行操作。

这将应用于表单上的所有和任何按钮，因为您只使用了不特定的按钮选择器，如果表单上有更多按钮，他可能不想应用背景，可能会产生问题。我知道会的。但是提问者没有提供足够好的信息来选择一个好的选择器。这将适用于表单上的所有和任何按钮，因为您只使用了按钮选择器，这是不具体的，如果表单上有更多按钮，他可能不想应用背景，则可能会产生问题。我知道会的。然而，提问者没有提供足够好的信息来选择一个好的选择者。