JQuery

jQuery navigation Siblings

ستتعلم في هذا الدرس التنقل بين ال Elements وبعضها داخل ال DOM Tree  بين ال Siblings بواسطة ال jQuery

التاريخ

31 نوفمبر 2021

الدروس

22

المستوى

العامة

اللغة

انجليزي

المشاهدات

466

المواضيع

4
الشروحات chevron_left jQuery navigation Siblings chevron_left JQuery

jQuery navigation Siblings

</> navigation Sideways التنقل الجانبي في ال DOM

هنا اهم ال methods للتنقل جانبياً في ال DOM Tree بال Jquery :

  • ( ) siblings  تحصل من خلالها علي جميع ال siblings المباشرة لأي Element تقوم بتحديده
  • ( ) next تحصل من خلالها علي ال sibling التالي المباشر لأي Element تقوم بتحديده
  • ( ) nextAll تحصل من خلالها علي جميع ال siblings التالية المباشرة لأي Element تقوم بتحديده
  • ( ) nextUntil تحصل من خلالها علي جميع ال siblings التالية المباشرة بين عنصرين  تقوم بتحديدهم
  • ( ) prev تحصل من خلالها علي ال sibling السابق المباشر لأي Element تقوم بتحديده
  • ( ) prevAll تحصل من خلالها علي جميع ال siblings السابقة المباشرة لأي Element تقوم بتحديده
  • ( ) prevUntil تحصل من خلالها علي جميع ال siblings السابقة المباشرة بين عنصرين  تقوم بتحديدهم

</> jQuery siblings Method

ال jQuery siblings ( ) Method تحصل من خلالها علي جميع ال siblings المباشرة لأي Element تقوم بتحديده

Example
$(document).ready(function(){
  $("h2").siblings();
});
Example

البحث عن ال siblings بال Selector

$(document).ready(function(){
  $("h2").siblings("p");
});

</> jQuery next Method

ال jQuery next ( ) Method تحصل من خلالها علي ال sibling التالي المباشر لأي Element تقوم بتحديده

Example
$(document).ready(function(){
  $("h2").next();
});

</> jQuery nextAll Method

ال jQuery nextAll ( ) Method تحصل من خلالها علي جميع ال siblings التالية المباشرة لأي Element تقوم بتحديده

Example
$(document).ready(function(){
  $("h2").nextAll();
});

</> jQuery nextUntil Method

ال jQuery nextUntil ( ) Method تحصل من خلالها علي جميع ال siblings التالية المباشرة بين عنصرين  تقوم بتحديدهم

Example
$(document).ready(function(){
  $("h2").nextUntil("h6");
});
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات