jQuery วนลูป - วิธี last()

jQuery คู่มือเรียกใช้เพื่อการวนลูป

ตัวอย่าง

แสดงสีเหลืองแข็งสำหรับ span สุดท้ายใน段落

$("p span").last().addClass('highlight');

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

คำนิยามและวิธีใช้

last() จะลดชุดองค์ประกอบที่ตรงกันข้ามขององค์ประกอบเหลืออยู่เป็นองค์ประกอบสุดท้ายในชุด

รูปแบบการใช้งาน

.last()

รายละเอียด

ถ้ามีองค์ประกอบ jQuery ที่แสดงความหมายว่าเป็นชุดประกอบ DOM องค์ประกอบ .last() จะสร้างองค์ประกอบ jQuery ใหม่ด้วยองค์ประกอบที่ตรงกันข้ามของตัวแทนที่ตรงกันข้ามขององค์ประกอบที่ตรงกันข้ามขององค์ประกอบ

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

<ul>
  <li>รายการที่ 1</li>
  <li>รายการที่ 2</li>
  <li>รายการที่ 3</li>
  <li>รายการที่ 4</li>
  <li>รายการที่ 5</li>
</ul>

เราสามารถนำวิธีนี้มาใช้กับชุดของรายการในรายการรายการนี้

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

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

ผลลัพธ์การเรียกใช้ครั้งนี้คือ โครงสร้างสุดท้ายถูกกำหนดเป็นพื้นหลังสีแดง

jQuery คู่มือเรียกใช้เพื่อการวนลูป