Loading ...

Rimuovere elementi HTML con jQuery

Rimuovere elementi HTML con jQuery

La rimozione di HTML con jQuery è veramente una cosa semplice, in quanto ci basta usare il metodo remove indicando:

  • l'id del componente
  • la classe del componente
  • un componente intero

Ovviamente tenete presente che:

  • se più elementi hanno la stessa classe, verranno tutti rimossi
  • nel terzo caso verranno rimossi tutti i componenti che hanno quel tag (ad esempio p, div, ecc)

Ecco un esempio:

<!DOCTYPE html>
<html>
    <head>
        <title>Rimuovere HTML con jQuery</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        </script>
        <script>
            $(document).ready(function () {
                $("p").click(function () {
                    $("p").remove();
                });
                $("#rimozione_da_id").click(function () {
                    $("#rimozione_da_id").remove();
                });
                $(".rimozione_da_classe").click(function () {
                    $(".rimozione_da_classe").remove();
                });
            });
        </script> 
    </head>
    <body>
        <p>Rimuovo da componente</p>
        <div id="rimozione_da_id">Rimuovo da ID</div>
        <div class="rimozione_da_classe">Rimuovo da CLASS</div>
    </body>
</html>

Enjoy!