jQuery - método remove (expr)

Descripción

los remove( expr )El método elimina todos los elementos coincidentes del DOM. Esto NO los elimina del objeto jQuery, lo que le permite utilizar más los elementos coincidentes.

Compáralo con empty() método.

Sintaxis

Aquí está la sintaxis simple para usar este método:

selector.remove( expr )

Parámetros

Aquí está la descripción de todos los parámetros utilizados por este método:

expr - Esta es una expresión jQuery opcional para filtrar el conjunto de elementos que se eliminarán.

Ejemplo

A continuación se muestra un ejemplo simple que muestra el uso de este método:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("div").click(function () {
               $(this).remove().appendTo("#result");
            });
         });
      </script>
		
      <style>
         .div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
      </style>
   </head>
	
   <body>
      <p>Click on any square below to see the result:</p>
      <p id = "result"> THIS IS TEST </p>
      <hr />
		
      <div class = "div" style = "background-color:blue;">ONE</div>
      <div class = "div" style = "background-color:green;">TWO</div>
      <div class = "div" style = "background-color:red;">THREE</div>
   </body>
</html>

Esto producirá el siguiente resultado:

jquery-dom.htm

↰ Previous page