ห่างหายไปนาน ไม่มาอัพเดทกันเลย จริงๆแล้วงานมันยุ่งน่ะครับ แถมช่วงนี้ติด Series “LOST” กำลังมันส์ เลยไม่มีเวลามาอัพเดท แต่กลัวไม่อัพเดทไปนานๆ เดี๋ยว backlinks จะหายซะหมด เลยเอาซะหน่อยว้า มาเริ่มกันเลย วันนี้ขอสั้นๆ ตามเคย กับคำสั่งนึงใน jQuery คือ “slice” มันคืออะไรมาดูกัน
สมมุตผมมีข้อมูล html เป็นแบบนี้
-
<ul id="container">
-
<li>a</li>
-
<li>b</li>
-
<li>c</li>
-
<li>d</li>
-
</ul>
ทีนี้ผมต้องการเลือกข้อมูล li ป็นช่วงๆ ไปผมสามารถที่จะใช้คำสั่ง slice ในการหา subset ได้เลย เช่น
-
$(’#container li’).slice(0, 1).hide();
ตามตัวอย่างข้างบนจะเป็นการเลือก li ชิ้นที่ 1 เพียงตัวเดียว
-
$(’#container li’).slice(1, 3).hide();
ตามตัวอย่างนี้จะเป็นการเลือก li ชิ้นที่ 2 ถึงชิ้นที่ 4 เพราะว่า index ของ element จะเริ่มที่ตำแหน่ง 0 เสมอ
-
$(’#container li’).slice(2).hide();
ตามตัวอย่างนี้จะเป็นการเลือก li > 3 ขึ้นไปทั้งหมด
-
$(’#container li’).slice(-1).hide();
ตามตัวอย่างนี้จะนับถอยมาจากด้านหลัง 1 ตำแหน่งแทน