关联数组作为jQuery中的选择器和值

Question

Is it possible to implement associative arrays as Selectors and Values.

I have an array

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

I am able to implement like this.

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

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

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

Can anyone help me how can i reduce the code.

Is there any other way to implement this.

Answer 1

with jQuery $.each

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

or Using for..in and .on . (Above method is better than below)

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

Answer 2

How about this?

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

Answer 3

Write a closure function in javascript, associate button ids with your closure variables and a common selector class

then use jquery

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

closure...

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