jQuery find () طريقة
مثال
إرجاع جميع <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)
التعريف والاستخدام
تقوم طريقة البحث () بإرجاع العناصر الفرعية للعنصر المحدد.
النسل هو الابن ، والحفيد ، وابن الحفيد ، وما إلى ذلك.
شجرة DOM: تنتقل هذه الطريقة إلى أسفل على طول أحفاد عناصر DOM ، وصولاً إلى آخر سليل. لاجتياز مستوى واحد فقط أسفل شجرة DOM (لإرجاع العناصر الفرعية المباشرة) ، استخدم طريقة الأطفال () .
ملاحظة: معلمة التصفية مطلوبة لطريقة find () ، بخلاف باقي طرق اجتياز الشجرة.
نصيحة: لإرجاع جميع العناصر الفرعية ، استخدم المحدد "*".
بناء الجملة
$(selector).find(filter)
| Parameter | Description |
|---|---|
| filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
جربها بنفسك - أمثلة
باستخدام المحدد "*" لإرجاع جميع العناصر المتفرعة من <html>.
كيفية إرجاع جميع <span> العناصر التي تنحدر من عنصر <ul>.
كيفية إرجاع العناصر التابعة باسم الفئة "الأول".
العناصر الفرعية المتعددة كيفية إرجاع العناصر الفرعية المتعددة.
. كيفية إرجاع جميع العناصر <span> التي تنحدر من عنصر <ul> مع كائن jQuery.
عرض توضيحي يوضح من هم أحفاد عنصر <div> في الواقع.