ซีเลกเตอร์ parent

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

ไวยากรณ์

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

javascript$(':parent');

ตัวอย่าง

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

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

csstable {
  border: 1px;
}

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

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

ดูเพิ่มเติม