What does the .end() function do in jQuery?



The end() method reverts the most recent destructive operation, changing the set of matched elements to its previous state right before the destructive operation.

Example

You can try to run the following code to learn how to work with end function in jQuery:

Live Demo

<html>
   <head>
      <title>jQuery end() function</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
       
      <script>
         $(document).ready(function(){
            $("p").find("span").end().css("border", "2px blue solid");
         });
      </script>
       
      <style>
         p{
            margin:10px;
            padding:10px;
         }
      </style>
   </head>
   
   <body>
      <p><span>Hello</span> World!</p>
   </body>
   
</html>

Advertisements