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