ancestors (نصل اول)
Ancestors یا نسل اول، یعنی پدر،پدربزرگ ،پدر پدربزرگ و...است.
با استفاده از jQuery می توانید در درخت DOM به سمت بالا حرکت کرده و Ancestor عناصر را پیدا کنید.
Traversing به سمت بالا در درخت DOM
سه متد پرکاربرد برای پیمایش به بالا در درخت DOM :
()parent
()parents
()parentsUntil
متد parent()
این متد عنصر نسل قبلی مستقیم را از عنصر انتخاب شده پیدا کرده و باز می خواند.
این متد فقط یک مرتبه از درخت DOM را پیمایش می کند.
مثال زیر عنصر نسل قبلی مستقیم را از هر عنصر<span> باز می خواند.
مثال :
$(document).ready(function(){
$("span").parent();
});
متد ()parents
این متد تمام عنصر انتخاب شده را تا بالاترین لایه نسلی آن عنصر پیدا کرده و باز می گرداند.
مثال زیر تمام عناصر نسل قبلی عنصر <span> را بر می گرداند:
مثال :
$(document).ready(function(){
$("span").parents();
});
همچنین شما می توانید از پارامترهای اختیاری برای فیلتر کردن جستجوی عناصر نسل قبلی استفاده کنید.
مثال زیر تمام عناصر نسل قبلی عناصر <span> که <ul> هستند را باز می گرداند:
مثال :
$(document).ready(function(){
$("span").parents("ul");
});
متد ()parentsUntil
این متد تمام عناصر نسل قبلی عناصر بین دو پارامتر ورودی را باز می گرداند.
مثال زیر ، تمام عناصر نسل قبلی عناصر بین دو عنصر <span> و <div> را باز می گرداند:
$(document).ready(function(){
$("span").parentsUntil("div");
});
خلاصه درس