ה סוֹף() השיטה ב-jQuery משמשת לסיום פעולת הסינון העדכנית ביותר בשרשרת הנוכחית ומחזירה את קבוצת האלמנטים התואמת למצבה הקודם. שיטה זו משמשת ללא כל טיעון.
ה סוֹף() השיטה שימושית כאשר jQuery משמש למטרות שרשור.
תחביר
operations.end()
שיטה זו אינה מקבלת שום טיעון.
עכשיו, בואו נבין את פעולתו של סוֹף() שיטה באמצעות כמה איורים.
דוגמה1
זוהי דוגמה פשוטה לשימוש ב- סוֹף() שיטה. כאן, השרשרת תחפש תחילה את רכיבי הפסקה לְהַקִיף ו ב רכיבים בתוכם, ולאחר מכן בלחיצה על הכפתור, ייבחרו רכיבי הטווח באלמנטים של הפסקה.
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').find('b').end().css('border', '2px blue solid'); }); }); .para{ margin: 10px; padding: 10px; } <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <p> Click the below button to see the effect. </p> Click me <p class="para"> <span> Hello <b> World. </b> </span> It is a paragraph with 'span' and 'b' elements. </p> <p class="para"> <span> Another paragraph. </span> This paragraph has a span element. </p> <p class="para"> <span> Another paragraph. </span> This paragraph also has a span element. </p> בדוק את זה עכשיו תְפוּקָה
לאחר ביצוע הקוד לעיל, הפלט יהיה -
לאחר לחיצה על הכפתור הנתון, הפלט יהיה -
דוגמה2
בדוגמה זו יש שתי שיטות בשרשרת שהן למצוא() שיטה ו ראשון() השיטה, ויש לשנות את צבעי הרקע של רכיבי הפסקה בהתאם. אבל בלחיצה על הכפתור הנתון, ה סוֹף() method תסיר את השיטה האחרונה בשרשרת ותשנה את צבע הרקע של רכיבי פסקה כולל אלמנט span.
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').first().css({'background-color' : 'lightblue'}).end().css({'background-color' : 'yellow'}); }); }); <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <b> Click the below button to see the effect. </b> <br> <br> Click me <p class="para"> Paragraph <span> 1 with span element </span> </p> <p class="para"> Paragraph 2 </p> <p class="para"> Paragraph <span> 3 with span element </span> </p> <p class="para"> Paragraph 4 </p> בדוק את זה עכשיו תְפוּקָה
לאחר ביצוע הקוד לעיל, הפלט יהיה -
לאחר לחיצה על הכפתור הנתון, הפלט יהיה -
