jquery点击按钮找到按钮

Question

<button onclick="func()"></button>

我希望在func（）中找到按钮元素，但是当我使用$(this)时，它似乎总是引用窗口对象。那么找到被点击元素的好习惯是什么？

Answer 1

function func($this){
  alert($($this).val());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button value="test" onclick="func(this)">click</button>

Answer 2

您可以使用event.target获取func功能中的按钮元素。然后你可以转换为jQuery对象。例如，在下面的代码中，我得到按钮id。

function func(){
    var button = $(event.target);
    console.log(button.attr("id"));
}

＆＃13;

＆＃13;

function func(){
	var button = $(event.target);
	console.log(button.attr("id"));
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<button onclick="func()" id="button1">Click</button>

＆＃13;

＆＃13;

＆＃13;