প্যারেন্ট সিলেক্টর

: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'});

আরও দেখুন