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

Question

我试图在这里减少一些代码。我将解释如何进行

我有多个按钮控件。我正在为每个使用点击事件

$("#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];
     ...      
});