offsetParent পদ্ধতি
offsetParent পদ্ধতি এলিমেন্টের
নিকটতম অবস্থানকৃত পূর্বপুরুষ
প্রাপ্ত করতে দেয়। 'অবস্থানকৃত' ধারণা দ্বারা
বুঝানো হয় সেই এলিমেন্টকে যার CSS বৈশিষ্ট্য
position
relative,
absolute, বা fixed মানে
সেট করা। অ্যানিমেশন এবং পৃষ্ঠায় এলিমেন্ট স্থাপন করার সময়
পদ্ধতিটি উপযোগী।
বাক্য গঠন
নিকটতম অবস্থানকৃত পূর্বপুরুষ প্রাপ্তি:
$(selector).offsetParent();
উদাহরণ
আসুন #test আইডি যুক্ত অনুচ্ছেদের নিকটতম অবস্থানকৃত
(আমাদের ক্ষেত্রে আপেক্ষিক) পূর্বপুরুষ খুঁজে বের করি এবং
এর পটভূমি সবুজ রঙে রঞ্জিত করি:
<div>
<p>aaa</p>
<div style="position: relative;">
<p>bbb</p>
<p>bbb</p>
<p>bbb</p>
<div>
<p id="test">ccc</p>
<div>
<p>ddd</p>
<p>ddd</p>
<p>ddd</p>
</div>
<p>ccc</p>
<p>ccc</p>
</div>
</div>
<p>aaa</p>
<p>aaa</p>
</div>
$('#test').offsetParent().css('background-color', 'green');
