jQueryTips by Tee++; » subset http://www.jquerytips.com Coding is fun. Sun, 25 Apr 2010 11:30:33 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 คำสั่ง slice ใน jQuery มันคืออารายยยยย http://www.jquerytips.com/2008/08/13/jquery-slic/ http://www.jquerytips.com/2008/08/13/jquery-slic/#comments Tue, 12 Aug 2008 17:39:56 +0000 Tee++; http://www.jquerytips.com/?p=110 ห่างหายไปนาน ไม่มาอัพเดทกันเลย จริงๆแล้วงานมันยุ่งน่ะครับ แถมช่วงนี้ติด Series “LOST” กำลังมันส์ เลยไม่มีเวลามาอัพเดท แต่กลัวไม่อัพเดทไปนานๆ เดี๋ยว backlinks จะหายซะหมด เลยเอาซะหน่อยว้า มาเริ่มกันเลย วันนี้ขอสั้นๆ ตามเคย กับคำสั่งนึงใน jQuery คือ “slice” มันคืออะไรมาดูกัน

สมมุตผมมีข้อมูล html เป็นแบบนี้

  1. <ul id="container">
  2.  <li>a</li>
  3.  <li>b</li>
  4.  <li>c</li>
  5.  <li>d</li>
  6. </ul>

ทีนี้ผมต้องการเลือกข้อมูล li ป็นช่วงๆ ไปผมสามารถที่จะใช้คำสั่ง slice ในการหา subset ได้เลย เช่น

  1. $(‘#container li’).slice(0, 1).hide();

ตามตัวอย่างข้างบนจะเป็นการเลือก li ชิ้นที่ 1 เพียงตัวเดียว

  1. $(‘#container li’).slice(1, 3).hide();

ตามตัวอย่างนี้จะเป็นการเลือก li ชิ้นที่ 2 ถึงชิ้นที่ 4 เพราะว่า index ของ element จะเริ่มที่ตำแหน่ง 0 เสมอ

  1. $(‘#container li’).slice(2).hide();

ตามตัวอย่างนี้จะเป็นการเลือก li > 3 ขึ้นไปทั้งหมด

  1. $(‘#container li’).slice(-1).hide();

ตามตัวอย่างนี้จะนับถอยมาจากด้านหลัง 1 ตำแหน่งแทน

]]> http://www.jquerytips.com/2008/08/13/jquery-slic/feed/ 0