javascript - 如何将5个单击功能转换为具有更改值的功能

如何将5个单击功能转换为一个？例如

$("div#styleswitcher a.green").click(function(){
$("container").css({'background' : 'green'});

)

$("div#styleswitcher a.blue").click(function(){
$("container").css({'background' : 'blue'});

)

$("div#styleswitcher a.red").click(function(){
$("container").css({'background' : 'red'});

)

$("div#styleswitcher a.yellow").click(function(){
$("container").css({'background' : 'yellow'});

)

最佳答案

这想到：

$("#styleswitcher a").click(function ()
{
    $("container").css("background-color", this.className);
});

假设背景色应该是类名，如您的示例