Jquery 单击按钮时显示属性_Jquery_Html

Jquery 单击按钮时显示属性

jquery html

Jquery 单击按钮时显示属性,jquery,html,Jquery,Html,嗨，我从JQuery开始，很抱歉这个简单的问题，我似乎找不到答案。有两个带有类“button”和不同ID的HTML链接。当你点击一个链接时，我需要它通知相应的ID。但是它们都从第一个链接通知ID。如何修改代码，以便两个链接都提醒其ID <!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <script src="https://aj

嗨，我从JQuery开始，很抱歉这个简单的问题，我似乎找不到答案。有两个带有类“button”和不同ID的HTML链接。当你点击一个链接时，我需要它通知相应的ID。但是它们都从第一个链接通知ID。如何修改代码，以便两个链接都提醒其ID

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>

<body>
<a href="#" class="button" id = "1"> test1 </a> <br><br>
<a href="#" class="button" id = "2"> test2 </a>
</body>

<script>
$(".button").click(function(){
    alert($(".button").attr("id"));
});
</script>

</html>





$（“.button”）。单击（函数（）{
警报（$（“.button”）.attr（“id”）；
});

您需要使用

此

关键字定位单击的按钮

警报（$（this.attr（“id”））




$（“.button”）。单击（函数（）{
警报（$（this.attr（“id”））；
});

 <!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>

<body>
<a href="#" class="button" id = "1"> test1 </a> <br><br>
<a href="#" class="button" id = "2"> test2 </a>
</body>

<script>
$(".button").click(function(){
    alert($(this).attr("id"));
});
</script>

</html>