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