How to select a subset of the matched elements in jQuery()?



The slice( start, end ) method selects a subset of the matched elements. The following are the parameters of the slice() method:

  • start − Where to start the subset. The first element is at zero. Can be negative to start from the end of the selection.
  • end − Where to end the subset excluding end element. If unspecified, ends at the end of the selection.

Example

You can try to run the following code to select a subset of the matched elements using the slice() method:

Live Demo

<html>    <head>       <title>jQuery slice() method</title>       <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>               <script>          $(document).ready(function() {             $("li").slice(2, 5).addClass("selected");          });       </script>               <style>         .selected {           color:red;         }       </style>    </head>        <body>       <div>                  <ul>             <li class = "above">list item 0</li>             <li class = "top">list item 1</li>             <li class = "top">list item 2</li>             <li class = "middle">list item 3</li>             <li class = "middle">list item 4</li>             <li class = "bottom">list item 5</li>             <li class = "bottom">list item 6</li>             <li class = "below">list item 7</li>          </ul>                   </div>    </body> </html>
Updated on: 2019-12-09T08:55:37+05:30

321 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements