隐藏每个单击的按钮

Question

我有一个表格，其中有许多按钮排列在网格布局中，看起来像计算器按钮，我想要隐藏使用Jquery单击的每个按钮

$(document).ready(function() 
  {

    var my_buttons = document.querySelectorAll('button'); // get all button elements on the page

    for(var i=0; i<my_buttons.length; i++)
      {

        if(my_buttons[i].clicked == true) my_buttons.hide();
      }

    });

Answer 1

使用.click检测单击按钮的时间，并使用.hide隐藏按钮。

我使用$(this)隐藏你刚刚点击的按钮。

$("button").click(function() {
  $(this).hide();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>

Answer 2

你可以这样做：

$(document).ready(function(){
  $(".buttonClass").click(function(){
    $(this).hide();
  });
});

为所有按钮添加一般类名，并将其用作选择器。或者你可以像这样使用jquery元素选择器：

$(document).ready(function(){
  $("button").click(function(){
    $(this).hide();
  });
});