jquery函数来选择一个按钮

如何使用jquery在下面的函数中选择单击的按钮元素

HTML

功能增加（ele，id）{
log（“单击的元素的类名是：”+ele.getAttribute（“类”））；
log（“单击元素的innerHTML为：”+ele.innerHTML）；
}

---

单击

您可以传递

此

单击

或者更好的是，您可以将click事件绑定到类并使用

this

，从而避免不必要的内联OnClick处理程序。如果需要传递增加值，可以在button元素中使用数据属性

单击

---

如果您有多个元素具有相同的

类

，如果您想使用纯javascript方式，请尝试使用value传递元素，就像这样

问题的第一部分是如何选择。您可以从id中选择clicked button，以便为按钮分配id。不需要内联onclick函数，完全由您决定

<button id= "btn1" class="btn">Click</button>

在函数中选择单击的按钮元素是什么意思？我只想提到使用
data-*
属性，而不是在*

处理程序上使用不推荐的内联

。我喜欢数据属性选项，它将更新。不推荐内联onClick处理程序吗？嗯，是的，最好将JS代码保存在一个地方，不要怀疑它在哪里调用，在哪个HTML文件中。。。而且调试也很困难。因此，是的，我会使用
data increase=“2”
并使用
const inc=parseInt（$（this.data（'increase'），10）读取该值
function increase(id){

}

function increase(thispass){
  console.log(thispass);
  $(thispass).css('background-color', 'red');
}

$(".btn").on('click', function(event){
  const inc = parseInt($(this).data('increase'), 10);
  console.log(inc);
});

<button id= "btn1" class="btn">Click</button>

$(document).ready(function() {
    $("#btn1").click(function(){
        alert("button"); // do increase here
    }); 
});