prevUntil()

קטגוריות: חציית jQuery > חיפוש

.prevUntil( [selector,] [filter] )

מחזירה: jQuery

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

.prevUntil( [selector,] [filter] )

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

selector

מחרוזת

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

filter

מחרוזת

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

.prevUntil( [element,] [filter] )

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

element

אובייקט, צומת DOM

הצומת DOM או אובייקט jQuery המציין היכן לעצור התאמת אלמנטים אח הקודמת.

filter

מחרוזת

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

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

אם סלקטור לא תואם או לא סופק, כל האחים הקודמים יבחרו; במקריים האלה הוא בוחר אותם אלמנטים כמו שיטה .prevAll(), כאשר אף מסנן לא נתון.

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

<dl>
  <dt>term 1</dt>
  <dd>definition 1-a</dd>
  <dd>definition 1-b</dd>
  <dd>definition 1-c</dd>
  <dd>definition 1-d</dd>

  <dt id="term-2">term 2</dt>
  <dd>definition 2-a</dd>
  <dd>definition 2-b</dd>
  <dd>definition 2-c</dd>

  <dt>term 3</dt>
  <dd>definition 3-a</dd>
  <dd>definition 3-b</dd>
</dl>

אם אנחנו נתחיל ממונח שני, אנחנו יכולים למצוא אלמנטים, שבאים אחריו, עד לתג קודם <dt>.

$('#term-2').prevUntil('dt').css('background-color', 'red');

תוצאה של הפעלה הזו יהיה רקע אדום של הגדרות 1-a, 1-b, 1-c, ו- 1-d.

החל מ- jQuery 1.6, צומת DOM או אובייקט jQuery, במקום סלקטור, ניתן להשתמש עבור ארגטומנט ראשון של .prevUntil().

דוגמא

מחפש אחים שקודמים ל-<dt id="term-2"> עד <dt> ונותן להם צבע רקע אדום.

$("#term-2").prevUntil("dt").css("background-color", "red")

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

נסה זאת בעצמך

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

<!DOCTYPE html>
<html>
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script type="text/javascript" language="javascript">
    $(document).ready(function(){
$("#term-2").prevUntil("dt").css("background-color", "red");
   });
  </script>

</head>
<body>
	<dl>
  <dt>term 1</dt>
  <dd>definition 1-a</dd>
  <dd>definition 1-b</dd>
  <dd>definition 1-c</dd>
  <dd>definition 1-d</dd>

  <dt id="term-2">term 2</dt>
  <dd>definition 2-a</dd>
  <dd>definition 2-b</dd>
  <dd>definition 2-c</dd>

  <dt>term 3</dt>
  <dd>definition 3-a</dd>
  <dd>definition 3-b</dd>
</dl>
<script>
    $("#term-2").prevUntil("dt")
      .css("background-color", "red")
</script>

</body>
</html>

נסה זאת בעצמך

האם מידע זה היה מועיל?

כן לא

prevUntil()

.prevUntil( [selector,] [filter] )

.prevUntil( [selector,] [filter] )

.prevUntil( [element,] [filter] )

דוגמא

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

תגובות