Returning the Original Elements After Filtering With jQuery .end()

jQuery end: Main Tips

• jQuery .end() method is useful when you're using chaining.
• The jQuery .end() finishes the most recent filtering operation in the chain.
• jQuery .end() method returns the original set of elements you had before manipulating the chain.

Usage and Syntax of .end()

If you use .find() or another filtering function on an jQuery chain, a newly wrapped element set is returned. jQuery .end() method concludes the filtering and returns to the original set of elements (before the execution of the first function).

The .end() function takes no arguments.

$( "ul.list-1" )
  .find( ".demo" )
    .css( "background-color", "lightgreen")
  .end()
  .find( ".demo-bar" )
    .css( "background-color", "orange" );