jquery의 선택자와 값으로 연관 배열

Question

연관 배열을 선택자와 값으로 구현할 수 있습니까?

나는

var obj = { surgeon:1, asstSurgeon:2, anesthe:3, nurse:4, scrub:5,....... }; 

내가 이런 식으로 구현할 수 있어요 배열을 가지고있다.

$("#surgeon").click(function(){ 
    $("$hiddenvariable").val(1); 
}); 

$("#asstSurgeon").click(function(){ 
    $("$hiddenvariable").val(2); 
}); 

................, 

아무도 내가 코드를 줄일 수있는 방법을 알려주세요.

다른 방법으로 구현할 수 있습니까? jQuery를 $.each

$.each (obj, function(key, value) { 
    $("#" + key).click(function(){ 
     $("$hiddenvariable").val(value); 
    }); 
}); 

또는 for..in 및 .on를 사용하여

Answer 1

. (위의 방법이 아래보다 낫습니다.)

for (var i in obj) { 
    $("#" + i).on('click', {i: obj[i]}, function(e){ 
     $("$hiddenvariable").val(e.data.i); 
    }); 
} 

Answer 2

어때요?

$.each(obj, function(type, i) { 
    $('#' + type).click(function() { $('#hiddenvariable').val(i); }); 
}); 

Answer 3

는

다음 JQuery와

$(".selector").click(function(e){ 
    $("#hiddenfield").val(Closure.object[e.id]); 
}); 

폐쇄 사용하는 자바 스크립트의 클로저 기능, 연관 버튼 IDS 당신의 폐쇄 변수 및 공통 선택 클래스를 ... 쓰기

function Closure() = {} 
Closure.object = { 
    surgeon:1, asstSurgeon:2, anesthe:3, nurse:4, scrub:5 
}