prevAll()

.prevAll( [ selector ])

מחזירה: jQuery

תיאור: מחזיר את כל האחים הקודמים של כל אלמנט בסט אלמנטים בהתאמה, מסוננים אופציאונלית על ידי הסלקטור.

.prevAll( [ selector ] )

הוספה בגרסה: 1.2

selector

מחרוזת, המכילה ביטוי לבחירת אלמנטים בהתאמה.

אובייקט jQuery הנתון מציג סט אלמנטים של DOM, שיטה .prev() מאפשרת לנו לחפש בין אבות קדמונים של אלמנטים האלה בעץ DOM וליצור אובייקט חדש של jQuery מאלמנטים בהתאמה.

שיטה מקבלת אופציאונלית ביטוי בחירה מאותו סוג, שאנחנו יכולים להעביר לתוך הפונקציה $(). אם סלקטור מסופק, אלמנטים יסוננו על ידי בדיקה להתאמה אליו.

נתבונן על דף עם רשימה פשוטה:

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

אם נתחיל מפריט שלישי, נוכל למצוא אלמנטים שנמצאים מייד לפניו:

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

תוצאה של קריאה הזו היא רקע אדום עבור פריטים 1 ו- 2. מכיוון שאנחנו לא מספקים ביטוי בחירה, פריטים האלה שבאים לפני באופן חד משמעי נכללים כחלק של האובייקט. אם היינו מספקים ביטוי בחירה, אלמנטים יבחנו להתאמה לפני שנכללו לתוך האובייקט.

דוגמאות

דוגמה 1

מזהה כל האלמנטים div לפני האחרון ומגדיר להם class.

$("div:last").prevAll().addClass("before");

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

דוגמה 1 - קוד מלא:

<!DOCTYPE html>
<html>
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script type="text/javascript" language="javascript">

  $(document).ready(function(){
$("div:last").prevAll().addClass("before");
  });
  </script>

  <style>
  div { width:70px; height:70px; background:#abc; 
        border:2px solid black; margin:10px; float:left; }
  div.before { border-color: red; }
  </style>
</head>

<body>
  <div></div>
  <div></div>

  <div></div>
  <div></div>

</body>
</html>