ซีเลกเตอร์ parent

ซีเลกเตอร์ :parent เลือกองค์ประกอบที่ เป็นแม่ (นั่นคือองค์ประกอบที่ไม่ว่างเปล่า ซึ่งมีองค์ประกอบหรือข้อความอยู่ภายใน) สำหรับการได้มาซึ่งองค์ประกอบแม่หรือบรรพบุรุษ ของชุด jQuery โปรดดูที่เมธอด parent และ parents เนื่องจาก :parent ไม่ได้อยู่ในข้อกำหนด CSS เพื่อประสิทธิภาพที่ดียิ่งขึ้นในเบราว์เซอร์สมัยใหม่ ควรกรององค์ประกอบก่อนโดยใช้ ซีเลกเตอร์ CSS ล้วน แล้วจึง ค่อยใช้ .filter(':parent')

ไวยากรณ์

การได้มาซึ่งองค์ประกอบที่เป็นแม่:

$(':parent');

ตัวอย่าง

เรามีตาราง table พร้อมพื้นหลังสีเขียว ลองหาเซลล์ td ที่เป็น องค์ประกอบแม่ และเปลี่ยนสีพื้นหลังเป็นสีเทา:

<table>
	<tr><td>aaa</td><td></td></tr>
	<tr><td>bbb</td><td></td></tr>
	<tr><td>ccc</td><td></td></tr>
</table>

table {
	border: 1px;
}

td {
	width: 40px;
	background: green;
}

$('td:parent').css({background: '#ccc'});

ดูเพิ่มเติม

ซีเลกเตอร์ empty,
ซึ่งเลือกองค์ประกอบที่ว่างเปล่า
เมธอด parent,
ซึ่งได้มาซึ่งองค์ประกอบแม่โดยตรง ขององค์ประกอบ
เมธอด parents,
ซึ่งเลือกองค์ประกอบที่มี ไม่มีลูกหลาน (รวมถึงโหนดข้อความ)