Javascript 如何使用类之类的东西将onclick代码移动到一个位置。在各种html标记上重复代码

我在不同的HTML标签/按钮上有这一行。为了更好的可维护性，我想把代码移到一个地方。问题在于我传递的第三个/最后一个属性，因为它的枚举，它从不同的标记元素传递不同的值

---

我怎样才能把它移动到一个普通的地方，在那里它会被调用。例如，如果我只有这些（this）.attr，那么我就可以创建一个类，因为它对每个标记都是通用的。

您可以使用jquery来获得：

onclick="triggersTracking($(this).attr('a'),$(this).attr('b'),$(this).attr('c'),Enum.BtnSellerView)"

---

您不需要编写

$（this.attr（'a'），$（this.attr（'b'），$（this.attr（'c'））

再次并再次单击每个onclick just paas

this

对象，并将它们全部放入函数中，如：

$("body").on("click", "someClass", function() {
    //code here
});

你可以像我一样

给所有元素一个公共类名

然后向每个具有相应值的标记添加一个数据属性“数据枚举”

然后你可以这样写代码

onclick="triggersTracking(this,Enum.BtnSellerView)"


function triggersTracking(obj,enumVal){
  // get these values here by obj (no repetitive code needed in every onclick ) 
   $(obj).attr('a')
   $(obj).attr('c')
   $(obj).attr('b')

} 

---

做些这样的事

如果您使用数据枚举、数据-e

因此，使用$（this）.data（）它将返回JSON中正在启动的所有属性 从数据-

$（'.click'）。单击（函数（e）{
console.log（$（this.data（））
$（'body'）.append（$（this.attr（'a'））
})
//如果您有动态html标记，那么选择.on
$（'body'）。在（'click'，'click'，'function（）上{
//回拨
console.log（$（this.data（））
$（'body'）.append（$（this.attr（'a'））
})

我是p
i am h2

向我们展示html和函数查看我的答案并告诉我是否需要帮助：Ddata enum正在传递字符串，我无法将其转换为相应的int。我尝试了此数据enum=parseInt（listingsTrackingCategoryEnum.BtnSellerView），但没有成功。你能帮忙吗？

$(".className").click(function () {
    var a = $(this).attr('a');
    var b = $(this).attr('b');
    var c = $(this).attr('c');
    var enum = $(this).data('enum');
});