jQuery วนหลัง - prevUntil() วิธี

jQuery หลักฐานเพื่อการเดินทาง

ตัวอย่าง

เลือกทุกบทความ และลดความยาวของสิ่งที่เลือกเพื่อให้เป็นเพียงบทความที่แรกและที่สองเท่านั้น：

$("p").slice(0, 2).wrapInner(");

ทดลองด้วยตัวเอง

การระบุและการใช้งาน

slice() ทำให้ชุดตัวแปรที่ตรงกับองค์ประกอบที่ตรงกับระยะทางที่กำหนด

คำว่า

.slice(selector,end)
ตัวแปร คำอธิบาย
selector

ตัวเลขเต็มที่เริ่มต้นที่ 0 ที่บอกว่าจุดที่จะเริ่มเลือก

หากเป็นตัวเลขลบ มันบอกว่าจากท้ายไปนับค่าตัวเลขที่อยู่หลัง
end

ตัวเลขเต็มที่เริ่มต้นที่ 0 ที่บอกว่าจุดที่จะหยุดเลือก

หากเป็นตัวเลขลบ มันบอกว่าจากท้ายไปนับค่าตัวเลขที่อยู่หลัง

หากละเมิด จะเลือกส่วนที่มีอยู่ในสุดท้ายของชุด

รายละเอียด

หากมี jQuery Object ที่แสดงความหมายถึงชุดตัวแปร DOM วิธี .slice() จะใช้ชุดตัวแปรที่ตรงกับองค์ประกอบที่ตรงกับชุดตัวแปรที่กำหนด หากสั่งให้ index หลังที่สุด ทุกองค์ประกอบที่อยู่หลังจาก index จะถูกใช้ในผลลัพธ์

ใจคิดถึงเว็บเพจนี้ที่มีรายการรายการเรียงลำดับขั้นพื้นฐาน

<ul>
  <li>รายการ list item 1</li>
  <li>รายการ list item 2</li>
  <li>รายการ list item 3</li>
  <li>รายการ list item 4</li>
  <li>รายการ list item 5</li>
</ul>

เราสามารถนำวิธีนี้มาใช้กับชุดรายการที่มีในลิสต์

$('li').slice(2).css('background-color', 'red');

ทดลองด้วยตัวเอง

ผลลัพธ์ที่ได้รับครั้งนี้คือ สี background ของรายการที่ 3, 4 และ 5 ถูกกำหนดเป็นสีแดง โปรดจดจำว่า index ที่ใช้เป็นจาก 0 และหมายถึงตำแหน่งขององค์ประกอบใน jQuery Object ไม่ใช่ตำแหน่งใน DOM Tree

ตัวแปร end สามารถจำกัดส่วนที่เลือกได้เพิ่มเติม ตัวอย่างเช่น:

$('li').slice(2, 4).css('background-color', 'red');

ทดลองด้วยตัวเอง

ตอนนี้ แค่รายการที่ 3 และ 4 ที่จะถูกเลือก ให้จดจำว่า index นั้นเป็นจาก 0 และส่วนของระยะทางจะขยายตัวไปถึง index ที่กำหนด (ไม่รวมถึง index นั้น)

เชิงค่าลบ

วิธี .slice() ของ jQuery คล้ายคลึงกับ .slice() ของ JavaScript Array Object หนึ่งในคุณสมบัติที่มีอยู่คือ สามารถส่งค่าลบเข้าไปในตัวแปร start หรือ end ได้ หากส่งค่าลบ จะบอกว่าจากท้ายไปนับเริ่มต้น ไม่ใช่จากท้ายไปนับสิ้นสุด ตัวอย่างเช่น:

$('li').slice(-2, -1).css('background-color', 'red');

ทดลองด้วยตัวเอง

ครั้งนี้ แค่รายการที่ 4 จะเปลี่ยนเป็นสีแดง เพราะโครงการนี้อยู่ในระยะทางระหว่างจากท้ายไปนับจาก -2 ถึง -1 โดยเป็นโครงการเดียวในระยะทางนี้

jQuery หลักฐานเพื่อการเดินทาง