jQuery pushStack() Method

Last Updated:

jQuery pushStack() Method

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

Example

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>

Syntax

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

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
pushStack()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author