jQuery التتبع - طريقة prev()

دليل مراجعة التتبع jQuery

مثال

يبحث عن كل فقرة، ويعثر على العنصر السابق للإخوة الذي يحتوي على اسم الفئة "selected":

$("p").prev(".selected")

جرب بنفسك

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

يحصل prev() على العنصر المجاور للعناصر التي تتطابق مع مجموعة العناصر، يمكن تصفية العناصر باستخدام المبدأ المحدد اختياريًا.

.prev(selector)
المعامل وصف
selector قيمة سلسلة تحتوي على تعبير المبدأ المحدد المستخدم للتوافق مع العناصر.

شرح مفصل

إذا تم تقديم jQuery Object يمثل مجموعة DOM Elements، يسمح لـ .prev() البحث عن العناصر السابقة للإخوة في شجرة DOM، ويقوم ببناء jQuery Object جديد يحتوي على العناصر التي تتطابق مع العنصر.

يقبل هذا الطريقة تعبير المبدأ المحدد اختياريًا، من النوع نفسه الذي نرسله إلى دالة $(). إذا تم تطبيق هذا المبدأ المحدد، سيتم تصفية العناصر من خلال فحص العنصر لمعرفة ما إذا كان يتطابق مع المبدأ المحدد.

فكر في هذه الصفحة التي تحتوي على قائمة فرعية أساسية:

<ul>
   <li>عنصر القائمة 1</li>
   <li>عنصر القائمة 2</li>
   <li class="third-item">عنصر القائمة 3</li>
   <li>عنصر القائمة 4</li>
   <li>عنصر القائمة 5</li>
</ul>

إذا بدأنا من المشروع الثالث، يمكن العثور على العنصر المجاور بينهما:

$('li.third-item').prev().css('background-color', 'red');

جرب بنفسك

النتيجة التي يتم استدعاؤها هي إعداد خلفية المشروع 2 إلى اللون الأحمر. لأننا لم نطبق تعبير المبدأ المحدد، أصبح العنصر السابق طبيعيًا جزءًا من العنصر. إذا تم تطبيق المبدأ المحدد، سيتم فحص العنصر لمعرفة ما إذا كان يتطابق مع المبدأ المحدد قبل إدراجه في العنصر.

دليل مراجعة التتبع jQuery

" -->