jQuery - méthode remove (expr)

La description

le remove( expr )La méthode supprime tous les éléments correspondants du DOM. Cela ne les supprime PAS de l'objet jQuery, ce qui vous permet d'utiliser davantage les éléments correspondants.

Comparez avec empty() méthode.

Syntaxe

Voici la syntaxe simple pour utiliser cette méthode -

selector.remove( expr )

Paramètres

Voici la description de tous les paramètres utilisés par cette méthode -

  • expr - Il s'agit d'une expression jQuery facultative pour filtrer l'ensemble des éléments à supprimer.

Exemple

Voici un exemple simple montrant l'utilisation de cette méthode -

<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>

Cela produira le résultat suivant -

jquery-dom.htm