Tengo treinta y dos botones (para un juego). Después de hacer clic en un botón, me gustaría configurar la visibilidad como oculta después de hacer clic en cada uno. Además de configurar la visibilidad como oculta, "guardaré" el nombre de cada botón en una lista. Cualquier ayuda sería muy apreciada.
Hasta ahora he probado:
$(document).ready(function() { $('#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9,\ #b10, #b11, #b12, #b13, #b14, #b15, #b16, #b17, #b18,\ #b19, #b20, #b21, #b22, #b23, #b24, #b25, #b26, #b27,\ #b28, #b29, #b30, #b31, #b32').on('click', function() { $(this).style.visibility='hidden'; }); });(Donde tengo cada botón una identificación única)
y
$(document).ready(function() { $('type["button"]').on('click', function() { $(this).style.visibility='hidden'; }); });$('input[name=Button_ID]').click( function () { $(this).hide(); } );¡Bienvenido a JavaScript! jQuery tiene una llamada de función llamada ocultar que, si llama al elemento selector para un botón, ocultará ese elemento específico en el que se hizo clic.
$(document).ready(function() { $("button").on('click', function() { $(this).hide(); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <button>1</button> <button>2</button> <button>3</button> <button>4</button> </div>