使用jquery的单个事件的多个控件

Question

我想在这里减少一些代码.我将解释如何

我有多个Button控件.我正在使用每个点击事件

$("#B1").click(function() {
                var v1 = "abc";
            });

 $("#B2").click(function() {
                var v1 = "efg";
            });

 $("#B3").click(function() {
                var v1 = "xyz";
            });

我想删除这3次点击事件并编写单击事件.如果点击来自

B1然后v1应为"abc"; B2那么v1应该是"efg"; B3那么v1应该是"xyz"

如何以最佳方式编写代码

Answer 1

将值存储在"哈希"中,然后通过id从处理程序引用它们.

var vals = { "B1": "abc", "B2" : "efg", "B3" : "xyz" };

$('[id^="B"]').click( function() {
     var v1 = vals[this.id];
     ...      
});