javascript - 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);
});

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

任何人都可以帮助我如何减少代码。

有没有其他方法可以实现这一点。

Answer 1

使用 jQuery $.each

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

或使用for..in和.on。 (上面的方法比下面的方法更好)

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