เมธอด parent

เมธอด parent รับ แม่โดยตรงขององค์ประกอบ

ไวยากรณ์

รับแม่โดยตรงสำหรับ องค์ประกอบ:

javascript.parent();

ยังสามารถเลือกแม่โดยตรง ได้เฉพาะเมื่อตรงกับตัวเลือกที่กำหนด:

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

ตัวอย่าง

ลองหาองค์ประกอบ #test แล้ว หาแม่ของมันด้วย parent และตั้งข้อความ '!' ให้มันด้วย html:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>
javascript$('#test').parent().html('!');

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

html<p>outside</p>
<div>
  !
</div>
<p>outside</p>

ตัวอย่าง

ลองหาองค์ประกอบ #test แล้ว หาแม่ของมันด้วย parent และหากแม่นี้เป็น div ที่มีคลาส www ก็ให้ตั้งข้อความ '!' ให้มันด้วย html:

html<p>outside</p>
<div class="www">
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>
javascript$('#test').parent('div.www').html('!');

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

html<p>outside</p>
<div class="www">
  !
</div>
<p>outside</p>

ดูเพิ่มเติม

  • เมธอด parents,
    ซึ่งช่วยให้รับแม่ทั้งหมดขององค์ประกอบได้
  • เมธอด closest,
    ซึ่งช่วยให้รับองค์ประกอบแม่ที่ใกล้ที่สุด ที่ตรงกับตัวเลือกได้
  • เมธอด parentsUntil,
    ซึ่งช่วยให้รับแม่ทั้งหมดขององค์ประกอบ จนถึงแม่ที่ระบุได้
  • เมธอด children,
    ซึ่งช่วยให้รับลูกขององค์ประกอบได้
  • เมธอด contents,
    ซึ่งช่วยให้รับลูกขององค์ประกอบและ ข้อความภายในองค์ประกอบนี้ได้