jQuery parentUntil () طريقة
مثال
إرجاع جميع عناصر الأصل بين <span> و <div>:
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});
نتيجة:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
التعريف والاستخدام
يعيد التابع () parentUntil جميع عناصر الأصل بين المحدد والإيقاف .
الجد هو أحد الوالدين ، والجد ، والأجداد ، وما إلى ذلك.
شجرة DOM: تنتقل هذه الطريقة لأعلى من العنصر الأصلي على طول أسلاف عناصر DOM ، وصولاً إلى عنصر جذر المستند ، حتى تصل إلى عنصر معين.
ملاحظة: إذا كانت كلتا المعلمتين فارغتين ، ستعيد هذه الطريقة جميع عناصر الأصل (مثل طريقة الآباء () ).
الطرق ذات الصلة:
- الأصل () - إرجاع العنصر الأصل المباشر للعنصر المحدد
- الوالدين () - تسترجع جميع عناصر السلف للعنصر المحدد
- الأقرب () - تُرجع الأصل الأول للعنصر المحدد
بناء الجملة
$(selector).parentsUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
جربها بنفسك - أمثلة
كيفية استخدام كلا المعلمتين لتصفية البحث عن عنصر معين بين <span> و <div>.
كيفية إرجاع أسلاف متعددة بين <span> و <body>.
إرجاع جميع الأسلاف بين <span> و <div> باستخدام عنصر DOM.
باستخدام عنصر DOM لتضييق نطاق البحث السلف عن عناصر <ul> بين <span> و <div>.