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

jQuery find() Method

<طرق مسج العبور

مثال

إرجاع كافة <span> العناصر التي هم من نسل <ul> :

$(document).ready(function(){
    $("ul").find("span").css({"color": "red", "border": "2px solid red"});
});

نتيجة:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)
انها محاولة لنفسك »

تعريف واستخدام

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

سليلة هو طفل، حفيد، ابن حفيد، وهلم جرا.

شجرة دوم: هذه الطريقة اجتياز نزولا على طول المتحدرين من عناصر DOM، على طول الطريق وصولا الى سليل الماضي. لاجتياز مستوى واحد فقط أسفل شجرة دوم (للعودة الأطفال المباشر)، استخدام children() الأسلوب.

ملاحظة: مطلوب المعلمة مرشح ل find() طريقة، خلافا لبقية الطرق شجرة اجتياز.

نصيحة: للعودة جميع العناصر سليل، استخدام "*" محدد.


بناء الجملة

$(selector).find( filter )

معامل وصف
filter مطلوب. تعبير محدد، عنصر أو كائن مسج لتصفية البحث عن أحفاد

ملاحظة: للعودة أحفاد متعددة، افصل كل تعبير بفاصلة.

انها محاولة لنفسك - أمثلة

إرجاع كافة العناصر سليل <html>
استخدام "*" محدد للعودة جميع العناصر التي هي من نسل <html> .

إرجاع كافة <span> العناصر التي هم من نسل <ul>
كيفية إعادة جميع <span> العناصر التي ينحدرون من <ul> العنصر.

فقط اختر أحفاد مع اسم فئة معينة
كيفية إرجاع العناصر سليل مع اسم فئة "first" .

عودة أحفاد متعددة
كيفية إرجاع العناصر سليل متعددة.

تصفية البحث سليل مع مجموعة مسج من جميع <ul> عناصر
كيفية إعادة جميع <span> العناصر التي ينحدرون من <ul> العنصر مع كائن مسج.

عرض أحفاد عنصرا من أسماء العلامات
مظاهرة مما يدل على الذين من نسل ل <div> عنصر في الواقع.


<طرق مسج العبور