jQuery slice() Method

Last Updated:

jQuery slice() Method

The jQuery slice() method returns a subset of the matched elements.

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 slice() Method</h1> <p>This is paragraph0.</p> <p>This is paragraph1.</p> <p>This is paragraph2.</p> <p>This is paragraph3.</p> <script> $(document).ready(function(){ $("p").slice(1).css("color", "red"); }); </script> </body> </html>

Syntax

$(selector).slice(start, stop);

Parameter Values

Value Type Explanation
start Required Specifies where to start slicing.
stop Optional Specifies where to stop slicing.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
slice()YesYesYesYesYesYesYesYesYesYesYesYesYes

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 slice() Method</h1> <p>This is paragraph0.</p> <p>This is paragraph1.</p> <p>This is paragraph2.</p> <p>This is paragraph3.</p> <script> $(document).ready(function(){ $("p").slice(1, 2).css("color", "red"); }); </script> </body> </html>

Share this Page

Meet the Author