Traversing - برادرها (به انگلیسی: Siblings)

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Jquery-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳شروع کار
۴دستور زبان
۵انتخابگرها (Selectors)
۶رویدادها
جلوه‌ها در jQuery
۱نمایش دادن / پنهان کردن
۲محو شدن
۳اسلاید
۴متحرک ساختن
۵stop()
۶فراخوانی (Callback)
۷زنجیره‌سازی (Chaining)
HTML در jQuery
۱Get
۲Set
۳اضافه‌کردن (Add)
۴حذف‌کردن
۵کلاس‌های CSS
۶css()
۷ابعاد
پیمودن در jQuery
۱پیمودن (Traversing)
۲اجداد
۳نسل‌ها
۴برادرها (Siblings)
۵فیلترکردن
AJAX در jQuery
۱مقدمهٔ AJAX
۲بارگذاری
۳Get/Post
متفرقه‌های jQuery
۱noConflict()
۲فیلترها
مثال‌ها
۱مثال‌ها
مرجع‌ها

به کمک jQuery می‌توانید در درخت DOM به کنارها (پهلوها) پیمایش کنید تا برادرهای یک عنصر را بیابید.[۱]

برادرها دارای والدهای مشترک هستند.

پیمایش به پهلوها در درخت DOM

متدهای مفید بسیاری برای پیمایش به کنارها در درخت DOM وجود دارد:

  • siblings()
  • next()
  • nextAll()
  • nextUntil()
  • prev()
  • prevAll()
  • prevUntil()

متد siblings() در jQuery

متد siblings() همه عنصرهای برادر یک عنصر انتخاب شده را برمی‌گرداند.

مثال زیر همه عنصرهای برادر <h2> را برمی‌گرداند:

مثال
1 $(document).ready(function(){
2   $("h2").siblings();
3 });

همچنین می‌توانید از یک پارامتر اختیاری برای فیلترکردن جستجوی برادرها استفاده کنید.

مثال زیر همه عنصرهای برادر <h2> که عنصر <p> هستند را برمی‌گرداند:

مثال
1 $(document).ready(function(){
2   $("h2").siblings("p");
3 });

متد next() در jQuery

متد next() عنصرهای برادر بعدی عنصر انتخاب شده را برمی‌گرداند.

مثال زیر برادر بعدی <h2> را برمی‌گرداند:

مثال
1 $(document).ready(function(){
2   $("h2").next();
3 });

متد nextAll() در jQuery

متد nextAll() همه عنصرهای برادر بعدی عنصر انتخاب شده را برمی‌گرداند.

مثال زیر همه عنصرهای بعدی <h2> را برمی‌گرداند:

مثال
1 $(document).ready(function(){
2   $("h2").nextAll();
3 });

متد nextUntil() در jQuery

متد nextUntil() همه عنصرهای برادر بعدی بین دو آرگومان داده شده را برمی‌گرداند.

مثال زیر همه عنصرهای برادر بین یک عنصر <h2> و یک <h6> برمی‌گرداند:

مثال
1 $(document).ready(function(){
2   $("h2").nextUntil("h6");
3 });

متدهای prev()، prevAll() و prevUntil() در jQuery

متدهای prevAll() ،prev() و prevUntil() شبیه متدهای بالا عمل می‌کنند اما با عملکرد معکوس: آن‌ها عنصرهای برادر قبلی را برمی‌گردانند (در بین عنصرهای برادر در درخت DOM بجای جلو، رو به عقب پیمایش می‌کنند).

تمرین‌های jQuery

مرجع Traversing در jQuery

برای دستیابی به همه متدهای Traversing در jQuery، لطفاً به مرجع Traversing در jQuery مراجعه کنید.


منابع آموزشی