nextUntil()

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

.nextUntil( [selector,] [filter] )

מחזירה: jQuery

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

.nextUntil( [selector,] [filter] )

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

selector

מחרוזת

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

filter

מחרוזת

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

.nextUntil( [element,] [filter] )

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

element

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

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

filter

מחרוזת

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

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

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

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

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

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

<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').nextUntil('dt').css('background-color', 'red');

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

דוגמא

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

$("#term-2").nextUntil("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").nextUntil("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>
</body>
</html>

נסה זאת בעצמך

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

כן לא

nextUntil()

.nextUntil( [selector,] [filter] )

.nextUntil( [selector,] [filter] )

.nextUntil( [element,] [filter] )

דוגמא

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

תגובות