.prepend( content )
מחזירה: jQuery
תיאור: מכניס תוכן, שמוגדר על ידי פרמטר, להתחלה של כל אלמנט בהתאמה.
.prepend( content )
הוספה בגרסה: 1.0
אלמנט, מחרוזת
HTML, או אובייקט jQuery
כדי להכניס להתחלה של כל אלמנט ברשימה של אלמנטים בהתאמה.
.prepend( function(index, html) )
הוספה בגרסה: 1.4
function(index, html)
פונקציה שמחזירה מחרוזת
HTML
כדי להכניס בהתחלה של כל אלמנט ברשימה של אלמנטים בהתאמה.
מקבל אינדקס של מיקום האלמנט ברשימה, וערך HTML ישן
של האלמנט בתור ארגומנטים.
שיטה .prepend() מכניסה תוכן מסוים, כמו ילד ראשון של כל אלמנט בסט
jQuery (כדי להכניס תוכן כמו ילד אחרון, תשתמשו ב- .append()).
שיטות .prepend() ו- .prependTo() מבצעות אותן משימות.
ההבדל העיקרי הוא התחביר, מיקום התוכן והיעד.
עם .prepend(),
ביטוי בחירה שקודם לשיטה הוא המיכל שבתוכו יוכנס התוכן.
עם .prependTo(),
מצד שני, תוכן הקודם לשיטה, כמו גם סלקטור של הביטוי, או סימון מיוצר בלטוס, ומוכנס לתוך המיכל היעד.
נבחן HTML הבא:
<h2>Greetings</h2> <div class="container"> <div class="inner">Hello</div> <div class="inner">Goodbye</div> </div>
אנחנו יכולים ליצור תוכן ולהכניס אותו למספר אלמנטים בו זמנית:
$('.inner').prepend('<p>Test</p>');
כל אלמנט <div class="inner">
יקבל תוכן חדש:
<h2>Greetings</h2>
<div class="container">
<div class="inner">
<p>Test</p>
Hello
</div>
<div class="inner">
<p>Test</p>
Goodbye
</div>
</div>
אנחנו גם יכולים לבחור אלמנט בדף ולהכניס אותו לאלמנט אחר:
$('.container').prepend($('h2'));
אם אלמנט הנבחר בצורה הזו להכניס למקומות אחרים, הוא יעבור לתוך האלמנט היעד (לא משוכפל):
<div class="container"> <h2>Greetings</h2> <div class="inner">Hello</div> <div class="inner">Goodbye</div> </div>
אם קיים יותר מאלמנט היעד אחד, לעומת זאת, ישוכפלו עותקים עבור כל היעד אחרי הראשון.
דוגמאות
מוסיף בהתחלה קוד HTML לכל הפסקאות.$("p").prepend("<b>Hello </b>");
קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("p").prepend("<b>Hello </b>"); }); </script> <style>p { background:yellow; }</style> </head> <body> <p>there friend!</p> <p>amigo!</p> </body> </html>
האם מידע זה היה מועיל?
