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