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

Question

假设我有 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>

Answer 1

试试这个，

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

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

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

How can i make only the one i choose to hide?

javascript

jquery

arrays

hide