html code: <button id="add"></button> <div id="count_search"> <span class="total_count">Total: <span id="record_count"></span></span></span> <input type="text" class="txtbox search" placeholder="Search" id="search"> </div> Jquery code: $("#add").click(function(){ $("#count_search").empty(); })Quiero mostrar count_search div una vez más al hacer clic en cualquier otro botón, excepto para agregar el botón En el código anterior, agregar es el botón en el que se implementa el vacío (). Al hacer clic en el botón Agregar, count_search se oculta. Luego, después de que quiero restaurar ese contenido div
.empty() elimina los elementos en su contenedor (count_search). En su lugar, puede usar .hide()/.show() o un mejor enfoque, puede usar .toggle() que muestra u oculta su elemento.
$("#add2").click(function() { $("#count_search").toggle(); }); $("#add").click(function() { if ($("#count_search").is(":visible")) { $("#count_search").hide(); } else { $("#count_search").show(); } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="add">Show/Hide</button> <button id="add2">Toggle</button> <div id="count_search"> <span class="total_count">Total: <span id="record_count"></span></span></span> <input type="text" class="txtbox search" placeholder="Search" id="search"> </div>Al vacío () , está eliminando un elemento en DOM.
En lugar de vacío, puede usar toggle() , que oculta el elemento y si hace clic una vez más, se mostrará el elemento.
$("#add").click(function(){ $("#count_search").hide(); })