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();
  });
});

隐藏每个单击的按钮

2 个答案: