প্যারেন্ট সিলেক্টর
: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'});
