jQuery slice() 方法

jQuery 中的 slice() 方法用於從匹配元素集中選擇元素的子集。子集是匹配集的一部分。

此方法接受兩個引數：“start”索引，即從 0 開始的起始索引；和“end”索引，即結束索引。這些引數用於選擇一系列元素。

語法

以下是 jQuery slice() 方法的語法：

$(selector).slice(start,stop)

引數

此方法接受以下引數：

start: 開始選擇元素的索引。索引號從 0 開始。
stop: 結束選擇的索引。如果未提供此引數，則選擇將持續到集合的末尾。索引號從 0 開始。

如果我們將負值提供給上述任何引數，它將從所選元素的末尾選擇元素，而不是從開頭。

示例 1

在下面的示例中，我們將正值傳遞給 slice() 方法的“start”引數：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("li").slice(2).css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul>
</body>
</html>

執行上述程式時，它將選擇從索引值“2”開始的元素。

示例 2

在此示例中，我們將正值傳遞給 slice() 方法的“start”和“stop”引數：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("li").slice(1, 4).css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul>
</body>
</html>

執行上述程式後，它將選擇兩個給定正索引（1 和 4）之間的元素。

示例 3

在這裡，我們將負值傳遞給 slice() 方法的“start”引數：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("li").slice(-3).css("background-color", "green");
        });
    </script>
</head>
<body>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul>
</body>
</html>

執行後，它將從給定的負索引開始選擇元素，從結尾開始計數。

示例 4

在這裡，我們將負值傳遞給 slice() 方法的“start”和“stop”引數：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("li").slice(-4, -1).css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul>
</body>
</html>

執行上述程式後，slice() 方法將選擇兩個給定負索引之間的元素，從結尾開始計數。

jquery_ref_traversing.htm

列印頁面