jQuery children () الطريقة
مثال
إرجاع العناصر التي هي توابع مباشرة لـ <ul>:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
نتيجة:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
التعريف والاستخدام
ترجع طريقة الأطفال () جميع العناصر الفرعية المباشرة للعنصر المحدد.
شجرة DOM: هذه الطريقة تعبر فقط مستوى واحد أسفل شجرة DOM. لاجتياز مستويات متعددة (لإعادة الأحفاد أو أحفاد آخرين) ، استخدم طريقة البحث () .
تلميح: لاجتياز مستوى واحد لأعلى شجرة DOM ، أو وصولاً إلى عنصر جذر المستند (لإرجاع الوالدين أو أسلاف آخرين) ، استخدم طريقة الأصل () أو الآباء () .
ملاحظة: لا تقوم هذه الطريقة بإرجاع العقد النصية. لإرجاع جميع العناصر الفرعية بما في ذلك العقد النصية ، استخدم طريقة المحتويات () .
بناء الجملة
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
جربها بنفسك - أمثلة
How to إرجاع جميع التوابع المباشرين لعنصر <ul>.
كيفية استخدام معلمة التصفية لإرجاع جميع العناصر <li> التي تحمل اسم الفئة "الأول" ، وهي عناصر فرعية مباشرة لـ <ul>.
كيفية تحديد كل العناصر <p> التي تعتبر توابعًا مباشرًا للعنصر الرئيسي <div>.
عرض توضيحي يوضح من هم أحفاد عنصر <div> في الواقع.