隐藏每个点击的按钮

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 to detect when the button is clicked, and .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();
  });
});

为所有按钮设置一个通用的 class 名称并将其用作选择器。或者你可以像这样使用 jquery 元素选择器：

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

隐藏每个点击的按钮

Hiding each clicked button

jquery

click