jQuery

[jQuery] slice - 요소 범위를 지정해 선택

힘없는염소 2023. 10. 7. 11:24

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
</ul>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<script type="text/javascript">

    $("li").slice(0, 2).css("background", "red");
    $("li").slice(4, 5).css("background", "green");
    $("li").slice(-2).css("background", "skyblue"); // 마지막요소부터 선택
    $("li").slice(-7, -4).css("background", "gold"); 

</script>

</body>
</html>
반응형
저작자표시