jQuery - méthode wrap (elem)

La description

le wrap( elem ) La méthode encapsule chaque élément correspondant avec l'élément spécifié.

Syntaxe

Voici la syntaxe simple pour utiliser cette méthode -

selector.wrap( elem )

Paramètres

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

  • elem - Un élément DOM qui sera enroulé autour de chaque cible.

Exemple

Voici un exemple simple montrant l'utilisation de cette méthode. Cela enveloppe la case de destination avec un carré lorsque vous cliquez sur une case -

<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() {

            $(".inner").click(function () {
               var newcolor = $(this).css('background-color');
               $("#destination").wrap("<div class = 'newinner' 
                  style = 'border:2px solid "+newcolor+"';></div>");
            });

         });

      </script>
	
      <style>
         .inner{ margin:10px;padding:12px;
            border:2px solid #666;

         }
         .newinner{ padding:20px;}
      </style>
   </head>
	
   <body>
      <p>Click on any square below to see the result:</p>
      <div class = "inner" id = "destination">Wrap This</div>
      <div class = "inner" style = "background-color:blue;">ONE</div>
      <div class = "inner" style = "background-color:green;">TWO</div>
      <div class = "inner" style = "background-color:red;">THREE</div>
   </body>
</html>

Cela produira le résultat suivant -

jquery-dom.htm