Ancestors در jQuery - نسل اول (نسل قبلی)

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");
});