jQuery pushStack() Method

Last Updated:

jQuery pushStack() Method

The jQuery pushStack() method adds a collection of DOM elements onto the jQuery stack.


HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery pushStack() Method</h1> <ul> <li>Apple</li> <li>Banana</li> <li>Cheery</li> <li class="point">Dragon fruit</li> <li>Elderberry</li> <li>fig</li> </ul> <script> $(document).ready(function(){ $.fn.myFunction = function(){ var newCollection = this.prev().add(this.next()); return this.pushStack(newCollection, "myFunction", "") }; $(function($){ $("li.point").myFunction() .css("color", "blue") .end() .css("color", "red"); }); }); </script> </body> </html>


pushStack(elem, name, arg);

Parameter Values

Value Type Explanation
elem Required Specifies an array of elements to push onto the stack and make into a new jQuery object.
name Required Specifies the name of a jQuery method that generated the array of elements.
arg Required Specifies the arguments that were passed in to the jQuery method (for serialization).

Browser Support

Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet

Share this Page

Meet the Author