我怎样才能只制作我选择隐藏的那个？

如何解决我怎样才能只制作我选择隐藏的那个？

假设我有 100 个按钮，我只想隐藏 1 个，但是我用 for 制作了按钮，有没有办法做到这一点？

!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>

<!-- begin snippet: js hide: false console: true babel: false -->

for(i=1;i<=3;i++)
$(document).ready(function(){
  $("#i").click(function(){
    $("#i").hide();
  });
});

</script>
</head>
<body>

<button id="1">Hide</button>
<button id="2">Hide</button>
<button id="3">Hide</button>
</body>
</html>

解决方法

试试这个，

for (let i = 1; i <= 3; i++)
    $(`#${i}`).click(function(){
      $(this).hide();
    });

在 for 中使用 $(document).ready 循环并使用 this 而不是再次查询按钮