วิธี slice ใน jQuery

ด้วยวิธี slice คุณสามารถเลือกส่วนหนึ่งของชุดอิลิเมนต์ได้ เช่น จากตัวที่สองถึงตัวที่ห้า

เรามาทำความเข้าใจการทำงานของเมธอดจาก ตัวอย่างต่อไปนี้ - สมมติว่าเรามีโค้ด HTML ดังนี้:

<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
<p>text5</p>

ตอนนี้ให้เพิ่มข้อความ '!' ที่ท้าย ย่อหน้าที่ 2 ถึง 4 (รวมทั้งสองตัว) (การนับเริ่มจากศูนย์ ย่อหน้าที่สองจะถือเป็นหมายเลขหนึ่ง):

$('p').slice(1, 5).append('!');

โค้ด HTML จะกลายเป็นดังนี้:

<p>text0</p>
<p>text1!</p>
<p>text2!</p>
<p>text3!</p>
<p>text4!</p>
<p>text5</p>

โปรดทราบว่า slice(1, 5) จะรวมอาร์กิวเมนต์แรก แต่ไม่รวมอาร์กิวเมนต์ที่สอง นั่นคือ (1, 5) จะหาเอลิเมนต์หมายเลข 1, 2, 3, 4 ส่วนเอลิเมนต์ หมายเลข 0 และ 5 จะไม่ถูกนำมา

จงหา li ตัวที่ 3 ถึง 10 ในชุด แล้วเปลี่ยนสีของพวกมันเป็นสีแดง