如何为每个3个不同的按钮使用不同的动作？

Question

那么我有3个按钮，这些必须只有一个类.fdm所以每个按钮如何可能有不同的操作，只是调用类？

我实际上使用，但像这样我必须设置ID到每个按钮。我不想要这个，我想设置一个类名并为所有按钮标识差异行为。

JS：

jQuery(function(){ 
$('#r').bind('click',function(){ 
$('#alvo').css('background','#ff0000'); 
}) 
$('#g').bind('click',function(){ 
$('#alvo').css('background','#155c00'); 
}) 
$('#b').bind('click',function(){ 
$('#alvo').css('background','#001eff'); 
}) 
}) 

HTM：

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

<button class="fdm" type="button" id="r">R</button> 
<button class="fdm" type="button" id="g">G</button> 
<button class="fdm" type="button" id="b">B</button> 

就像我说的，我只是想用一个类名来这里更新了小提琴的所有按钮

Fiddle

Answer 1

http://jsfiddle.net/EGn9z/2/

$(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> 

已经把颜色数据属性

Answer 2

正如你不能添加其他类和不能使用id，你可以决定如何使用按钮的text行动：

$(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'); 
    }) ;  

});