تنقل jQuery - الفرع

باستخدام jQuery، يمكننا بسهولة تنقل في شجرة DOM للبحث عن الفرع.

الفرع هو الابن، الجد، الحفيد، إلخ.

في هذا الفصل، سنوضح لك كيفية تنقل في شجرة DOM.

تنقل في شجرة DOM

لدينا في هذا المثال طرق jQuery، تستخدم لتنقل في شجرة DOM:

• children()

• find()

سنوضح لك كيفية استخدام كل طريقة.

طريقة jQuery children()

jQuery children()يعد هذا الطريقة يعود بأولئك الذين يظهرون من العناصر المحددة.

يستخدم هذا الطريقة فقط للتنقل في مستوى واحد تحت شجرة DOM.

التشبيه التالي يعود بأولئك الذين يظهرون من الابن المباشر لDIV:

$("document").ready(function(){
　　$("div").children().css("background-color", "coral");
});

يمكنك أيضًا استخدام المعاملات الاختيارية لفرز البحث في الفروع.

التشبيه التالي يعود بأولئك الذين يظهرون جميع عناصر <p> من الابن المباشر لDIV:

$("document").ready(function(){
　　$("div").children("p").css("background-color",　"coral");
});

طريقة find() لـ jQuery

jQuery find()تعود هذه الطريقة إلى جميع العناصر الأبناء التي تتطابق مع المعامل المحدد.

يتم استكشاف هذا الطريقة عبر عناصر DOM الأبناء إلى أن يصل إلى آخر الأبناء.

تبدأ من جميع العناصر <p> وتبحث عن عناصر الأبناء span، مثل $("p span"):

$("document").ready(function(){
　　$("p").find("span").css("background",　"mediumpurple");
});

للعودة إلى العديد من الأبناء، استخدم فاصلة للفصل بين أسماء المحددات.

في هذا المثال، يتم العودة إلى جميع العناصر <span> و <i> التي تكون أبناء العنصر <p>:

$("document").ready(function(){
　　$("p").find("span,　i").css("background",　"mediumpurple");
});

مرجع الاستكشاف لـ jQuery

للحصول على معلومات كاملة حول طرق الاستكشاف، يرجى زيارةمرجع الاستكشاف لـ jQuery.