วิธี closest

วิธี closest จะค้นหา องค์ประกอบผู้ปกครองที่ใกล้ที่สุดที่ตรงกับ ตัวเลือกที่ระบุโดยพารามิเตอร์ของเมธอด วิธีนี้ คล้ายกับวิธี parent การค้นหาจะทำงานดังนี้: เริ่มตรวจสอบ ผู้ปกครองโดยตรงขององค์ประกอบก่อน จากนั้นผู้ปกครองระดับสูงขึ้น, ผู้ปกครองระดับสูงขึ้นอีก และต่อๆ ไปจนถึงองค์ประกอบราก (นั่นคือแท็ก html)

ไวยากรณ์

ตัวเลือกสามารถเป็นองค์ประกอบ DOM, นิพจน์ หรือ อ็อบเจ็กต์ jQuery ได้ การค้นหาจะเริ่มจาก องค์ประกอบ DOM ที่ส่งผ่านมาใน ฐานะพารามิเตอร์:

javascript.closest(ตัวเลือก);

พารามิเตอร์ที่สองยังสามารถส่งองค์ประกอบ DOM ได้, จากนั้นการค้นหาจะดำเนินการภายในองค์ประกอบนี้:

javascript.closest(ตัวเลือก, บริบท);

ตัวอย่าง

เรามาค้นหา ผู้ปกครองที่ใกล้ที่สุดที่มีคลาส www สำหรับองค์ประกอบที่มี #test และแทรกย่อหน้าด้วย ข้อความ '!' ที่ส่วนเริ่มต้นขององค์ประกอบนี้ และแทรกย่อหน้าด้วยข้อความ '?' ที่ส่วนท้าย:

html<div>
  <div class="www">
    <div>
      <p id="test">ข้อความ</p>
    </div>
  </div>
</div>

javascript$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

โค้ด HTML จะกลายเป็นดังนี้:

html<div>
  <div class="www">
    <p>!</p>
    <div>
      <p id="test">ข้อความ</p>
    </div>
    <p>?</p>
  </div>
</div>

ดูเพิ่มเติม