jQuery การวนลูป - วิธี prev()

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

ตัวอย่าง

ค้นหาแต่ละจากจากประโยค หาองค์ประกอบที่เป็นพี่น้องก่อนที่มีคลาสที่ชื่อว่า "selected"

$("p").prev(".selected")

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

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

prev() ได้หาองค์ประกอบที่อยู่ระหว่างองค์ประกอบที่ตรงกับตัวเลือก และสามารถเลือกด้วยตัวเลือกเล็กน้อยได้เลย

.prev(selector)
ตัวแปร รายละเอียด
selector ค่าของตัวแปรแบบตัวอักษร ประกอบด้วยตัวเลือกเล็กน้อยที่ใช้เพื่อตรวจสอบองค์ประกอบ

รายละเอียด

ถ้าให้ว่ามี jQuery วัตถุที่แสดงว่าชุดองค์ประกอบ DOM วิธี .prev() อนุญาตให้เราค้นหาองค์ประกอบที่เป็นพี่น้องก่อนองค์ประกอบนี้ในต้นไม้ DOM และสร้าง jQuery วัตถุใหม่ที่มีองค์ประกอบที่ตรงกับ

วิธีนี้รับตัวเลือกเล็กน้อยที่เป็นไปได้ ซึ่งมีรูปแบบเหมือนกับตัวเลือกที่เราส่งไปยังฟังก์ชัน $(). ถ้าใช้ตัวเลือกเล็กน้อยนี้ จะเรียกเลือกองค์ประกอบด้วยการตรวจสอบว่าองค์ประกอบนั้นตรงกับตัวเลือกเล็กน้อยหรือไม่

คิดถึงหน้าเว็บนี้ที่มีรายการรายงานระดับภายในระบบนี้:

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

ถ้าเราเริ่มจากโครงการที่สาม สามารถหาองค์ประกอบที่อยู่ระหว่างองค์ประกอบนั้นได้:

$('li.third-item');.prev();.css('background-color', 'red');

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

ผลลัพธ์ที่เรียกใช้คือการตั้งสีหลังแบบแดงสำหรับโครงการ 2 ตามธรรมชาติเพราะเราไม่ได้ใช้ตัวเลือกเลือกเล็กน้อย องค์ประกอบที่มาก่อนเป็นส่วนหนึ่งของวัตถุ. ถ้าได้ใช้ตัวเลือกเล็กน้อย จะตรวจสอบว่าองค์ประกอบนั้นตรงกับตัวเลือกเล็กน้อยก่อนที่จะใส่องค์ประกอบลง

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

" -->