วิธี find

วิธี find ค้นหาองค์ประกอบ ภายในองค์ประกอบที่พบแล้ว

ไวยากรณ์

ค้นหาตามตัวเลือก:

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

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

javascript.find(ออบเจ็กต์ jQuery หรือองค์ประกอบ DOM);

ตัวอย่าง

ลองค้นหาแท็ก div ทั้งหมด ใส่ข้อความ '!' ที่ด้านหน้าด้วย prepend จากนั้นค้นหาข้อความย่อหน้าทั้งหมดภายในด้วย วิธี find และใส่ข้อความ '?' ที่ด้านท้าย:

html<div>
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>
<div>
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

javascript$('div').prepend('!').find('p').append('?');

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

html<div>
  !
  <p>text?</p>
  <p>text?</p>
  <p>text?</p>
</div>
<div>
  !
  <p>text?</p>
  <p>text?</p>
  <p>text?</p>
</div>

ดูเพิ่มเติม