Question

您好，我是从JQuery开始的，很抱歉，这个简单的问题，我似乎找不到答案。有两个HTML链接，它们具有“按钮”类和不同的ID。当您单击链接时，我需要它来提醒相应的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>

Answer 1

您需要使用this关键字定位点击按钮 alert($(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>

单击按钮即可显示属性

1 个答案: