เมธอด parent

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

ไวยากรณ์

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

.parent();

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

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

ลองหาองค์ประกอบ #test แล้ว หาแม่ของมันด้วย parent และตั้งข้อความ '!' ให้มันด้วย 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>

$('#test').parent().html('!');

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

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

ลองหาองค์ประกอบ #test แล้ว หาแม่ของมันด้วย parent และหากแม่นี้เป็น div ที่มีคลาส www ก็ให้ตั้งข้อความ '!' ให้มันด้วย 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>

$('#test').parent('div.www').html('!');

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

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

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