أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery عبور - الإخوة والأخوات

❮ السابق التالي الفصل ❯

تشترك الأشقاء نفس الأم.

مع مسج يمكن أن تجتاز جانبية في شجرة دوم للعثور على الأشقاء عنصر.

عبور جانبية في شجرة DOM

هناك العديد من الأساليب مسج مفيدة لعبور جانبية في شجرة دوم:

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

مسج siblings() الطريقة

و siblings() الأسلوب بإرجاع كافة عناصر الأخوة من العنصر المحدد.

يقوم المثال التالي بإرجاع كافة عناصر الأخوة من <h2> :

مثال

$(document).ready(function(){
    $("h2").siblings();
});
انها محاولة لنفسك »

يمكنك أيضا استخدام مقياس اختياري لتصفية البحث عن الأشقاء.

يقوم المثال التالي بإرجاع كافة عناصر الأخوة من <h2> التي <p> عناصر هي:

مثال

$(document).ready(function(){
    $("h2").siblings("p");
});
انها محاولة لنفسك »

مسج next() الطريقة

في next() الأسلوب بإرجاع بعنصر القادم من العنصر المحدد.

إرجاع المثال التالي الأخوة القادم من <h2> :

مثال

$(document).ready(function(){
    $("h2").next();
});
انها محاولة لنفسك »

مسج nextAll() الطريقة

و nextAll() الأسلوب بإرجاع كافة عناصر الأخوة القادمة من العنصر المحدد.

يقوم المثال التالي بإرجاع كافة عناصر الأخوة القادم من <h2> :

مثال

$(document).ready(function(){
    $("h2").nextAll();
});
انها محاولة لنفسك »

مسج nextUntil() الطريقة

و nextUntil() الأسلوب بإرجاع كافة عناصر الأخوة المقبلة بين حجتين معين.

يقوم المثال التالي بإرجاع كافة عناصر الأخوة بين <h2> و <h6> العنصر:

مثال

$(document).ready(function(){
    $("h2").nextUntil("h6");
});
انها محاولة لنفسك »

مسج prev(), prevAll() & prevUntil() طرق

في prev(), prevAll() و prevUntil() أساليب العمل تماما مثل الطرق السابقة ولكن مع وظيفة عكسية: عودتهم عناصر الأخوة السابقة (اجتياز الى الوراء على طول العناصر الأخوة في شجرة دوم، بدلا من الأمام).

اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 » التمرين 6»

مسج تعبر المرجعي

لمحة كاملة عن أساليب مسج العبور، يرجى زيارة موقعنا مسج تعبر المرجعي .


❮ السابق التالي الفصل ❯