Jquery 如何使用3个不同的按钮执行不同的操作？

我有3个按钮，这些按钮必须只有一个类

.fdm

，那么为什么每个按钮都有一个不同的动作来调用这个类呢

我实际上正在使用，但像这样，我必须为每个按钮设置id。我不想要这个，我只想设置一个类名并识别所有按钮的差异

JS:

HTM:

R
G
B

就像我说的，我只想对所有按钮使用一个类名

---

更新了这里的小提琴

$（函数（）{
$（“.fdm”）。单击（函数（）{
$（'#alvo'）.css（'background'，$（this）.attr（“数据颜色”）；
});
})
R
G
B

---

已将颜色放入数据属性中

更新了此处的小提琴

$（函数（）{
$（“.fdm”）。单击（函数（）{
$（'#alvo'）.css（'background'，$（this）.attr（“数据颜色”）；
});
})
R
G
B

---

在数据属性中添加颜色后，由于无法添加其他类，并且无法使用

id

，您可以使用按钮的

文本决定操作：

$(function(){
  $('.fdm').bind('click',function(){
    var text = $(this).text();
    if(text  == 'R')
        $('#alvo').css('background','#ff0000');
    if(text  == 'G')
        $('#alvo').css('background','#155c00');
    if(text  == 'B')
        $('#alvo').css('background','#001eff');
  }) ;    

});

由于无法添加其他类，并且无法使用
id
，因此可以使用按钮的
文本
决定操作：

$(function(){
  $('.fdm').bind('click',function(){
    var text = $(this).text();
    if(text  == 'R')
        $('#alvo').css('background','#ff0000');
    if(text  == 'G')
        $('#alvo').css('background','#155c00');
    if(text  == 'B')
        $('#alvo').css('background','#001eff');
  }) ;    

});

不使用
id
执行此操作的原因是什么？为什么你想让你的按钮只有一个
类
？这和高中的家庭作业一样，按钮在同一个类中的不同动作没有id。不使用
id
做这件事的原因是什么？为什么你想让你的按钮只有一个
类
？这和高中的家庭作业一样，按钮在同一个类中的不同动作都没有id。快告诉我吧，我也是这样做的！仅供参考：
$（此）.attr（“数据颜色”）
=
$（此）.data（“颜色”）
击败我-这也是我的方式！仅供参考：
$（此）.attr（“数据颜色”）
==
$（此）.data（“颜色”）
$(function(){

    $ ( ".fdm" ).click( function(){
        $('#alvo').css('background', $(this).attr("data-color"));
    });

})

<div id="alvo" style="width:200px;height:200px;border:2px #000 solid;">
</div>

<button class="fdm" type="button" id="r" data-color="#ff0000">R</button>
<button class="fdm" type="button" id="g" data-color="#00ff00">G</button>
<button class="fdm" type="button" id="b" data-color="#0000ff">B</button>

$(function(){
  $('.fdm').bind('click',function(){
    var text = $(this).text();
    if(text  == 'R')
        $('#alvo').css('background','#ff0000');
    if(text  == 'G')
        $('#alvo').css('background','#155c00');
    if(text  == 'B')
        $('#alvo').css('background','#001eff');
  }) ;    

});