ボタンのためのより効率的な方法を書くより効率的な方法

Question

私はjqueryに新しいですので、この質問がばかげていると私には実感してください...私は類似しているが、私はボタンごとに別々の機能を書くことを計画していましたが、これを行うためのより簡単で効率的な方法があるのだろうかと思っていました。ここに私の2つのボタンがあります：

$('#architect').hover (function() { 
    $('.blank').addClass('txtarchitect'); 
    $('.bates,.han').addClass('over'); 
    }, 
    function(){ 
    $('.blank').removeClass('txtarchitect'); 
    $('.bates,.han').removeClass('over'); 
    } 
); 
}); 

$('#educator').hover (function() { 
    $('.blank').addClass('txteducator'); 
    $('.lee,.gorman').addClass('over'); 
    }, 
    function(){ 
    $('.blank').removeClass('txteducator'); 
    $('.lee,.gorman').removeClass('over'); 
    } 
); 
}); 

ありがとう、ありがとう！

Answer 1

変更値は、その後

function addHoverHandler(buttonId, blankCls, overClasses) { 
    $('#'+ buttonId).hover(
    function(){ 
     $('.blank').addClass(blankCls); 
     $(overClasses).addClass('over'); 
    }, 
    function(){ 
     $('.blank').removeClass(blankCls); 
     $(overClasses).removeClass('over'); 
    } 
    ); 
} 

var buttons = [ 
    {btnId: 'educator', blankCls: 'texteducator', overClasses: '.lee,.gorman'}, 
    {btnId: 'architect', blankCls: 'textatchitect', overClasses: '.bates,.han'} 
]; 



for (var i =0; i < buttons.length; i++) { 
    var btn = buttons[i]; 
    addHoverHandler(btn.btnId, btn.blankCls, btn.overClasses); 
} 

Answer 2

function button(class1, class2, class3, dir){ 
    if(dir == 1){ 
     $(this).addClass(class1); 
     $("."+class2+", ."+class3).addClass("over"); 
    }else{ 
     $(this).removeClass(class1); 
     $("."+class2+", ."+class3).removeClass("over"); 
    } 
} 

仕事をする必要があるパラメータ化簡単な関数：

$("#educator").hover(function(){ 
    button("txteducator", "bates", "han", 1); 
}, function(){ 
    button("txteducator", "bates", "han", 0); 
}); 

は、各ボタンに同じ操作を行います。あなたも、任意のが必要です

$(this).addClass("txt"+$(this).id());