jQuery พายาน - prevUntil() วิธี

jQuery พายานอ้างอิงคู่มือ

ตัวอย่าง

ค้นหาแต่ละ p องค์ประกอบที่มีชื่อคลาสที่ว่า "selected" ขององค์ประกอบพี่น้องทั้งหมด

$("p").siblings(".selected")

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

definición y uso

siblings() ได้ขององค์ประกอบพี่น้องของชุดที่ตรงกับ การกรองด้วยตัวเลือกเป็นทางเลือก

สyntax

.siblings(selector)
ตัวแทน อธิบาย
selector ตัวเลขศัพท์ มีตัวเลือกใช้ในการตรวจสอบองค์ประกอบ

รายละเอียด

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

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

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

<ul>
   <li>รายการสิ้นเชิง 1</li>
   <li>รายการสิ้นเชิง 2</li>
   <li class="third-item">รายการสิ้นเชิง 3</li>
   <li>รายการสิ้นเชิง 4</li>
   <li>รายการสิ้นเชิง 5</li>
</ul>

หากเราเริ่มจากโครงการที่สาม จะสามารถหาองค์ประกอบพี่น้องขององค์ประกอบนี้ได้

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

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

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

ตัวองค์ประกอบเดิมไม่รวมอยู่ในองค์ประกอบพี่น้อง ในขณะที่เราหวังจะหาองค์ประกอบที่อยู่ในระดับที่เฉพาะของต้นโครงสร้าง DOM จำเป็นที่จะจำได้

jQuery พายานอ้างอิงคู่มือ