.insertAfter( target )
מחזירה: jQuery
תיאור: מכניס כל אלמנט ברשימה של אלמנטים בהתאמה אחרי היעד.
.insertAfter( target )
הוספה בגרסה: 1.0
סלקטור, אלמנט, מחרוזת
HTML,
או אובייקט
jQuery;
רשימת אלמנטים בהתאמה תוכנס אחרי האלמנט/ים המצוין בפרמטר.
שיטות .after() ו- .insertAfter() מבצעות את אותן משימות. ההבדל העיקרי הוא התחביר, מיקום התוכן והיעד.
עם .after(), ביטוי בחירה שקודם לשיטה הוא המיכל שאחריו יוכנס התוכן.
עם .insertAfter(), מצד שני,
תוכן הקודם לשיטה, כמו גם סלקטור של הביטוי, או סימון מיוצר בלטוס, ומוכנס אחרי המיכל היעד.
נבחן HTML הבא:
<div class="container"> <h2>Greetings</h2> <div class="inner">Hello</div> <div class="inner">Goodbye</div> </div>
אנחנו יכולים ליצור תוכן ולהכניס אותו למספר אלמנטים בו זמנית:
$('<p>Test</p>').insertAfter('.inner');
כל אלמנט <div class="inner">
יקבל תוכן חדש:
<div class="container"> <h2>Greetings</h2> <div class="inner">Hello</div> <p>Test</p> <div class="inner">Goodbye</div> <p>Test</p> </div>
אנחנו גם יכולים לבחור אלמנט בדף ולהכניס אותו אחרי אלמנט אחר:
$('h2').insertAfter($('.container'));
אם אלמנט הנבחר בצורה הזו להכניס למקומות אחרים, הוא יעבור אחרי האלמנט היעד (לא משוכפל):
<div class="container"> <div class="inner">Hello</div> <div class="inner">Goodbye</div> </div> <h2>Greetings</h2>
אם קיים יותר מאלמנט היעד אחד, לעומת זאת, ישוכפלו עותקים עבור כל היעד אחרי הראשון.
קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("p").insertAfter("#foo"); // check after() examples }); </script> <style>#foo { background:yellow; }</style> </head> <body> <p> is what I said... </p><div id="foo">FOO!</div> </body> </html>
האם מידע זה היה מועיל?
