.replaceAll()
מחזירה: jQuery
תיאור: מחליף כל אלמנט היעד לרשימה של אלמנטים בהתאמה.
.replaceAll()
הוספה בגרסה: 1.2
שיטה .replaceAll() היא תוצאה ישירה .replaceWith(), אבל עם מקור ויעד הפוכים.
נבחן מבנה
DOM
הבא:
<div class="container"> <div class="inner first">Hello</div> <div class="inner second">And</div> <div class="inner third">Goodbye</div> </div>
אנחנו יכולים ליצור אלמנט ואחרי זה להחליף עמו אלמנטים אחרים:
$('<h2>New heading</h2>').replaceAll('.inner');
זה יגרום להחלפה של כולם:
<div class="container"> <h2>New heading</h2> <h2>New heading</h2> <h2>New heading</h2> </div>
או, אנחנו יכולים לבחור אלמנט כדי להשתמש כמחליף:
$('.first').replaceAll('.third');
התוצאה היא מבנה DOM:
<div class="container"> <div class="inner second">And</div> <div class="inner first">Hello</div> </div>
מהדוגמה זו, אנו יכולים לראות כי אלמנט הנבחר מחליף יעד על ידי העברה ממקומו הישן, ולא על ידי שיכפול.
דוגמאות
מחליף כל הפסקאות עם מילים מודגשותקוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("<b>Paragraph. </b>").replaceAll("p"); // check replaceWith() examples }); </script> </head> <body> <p>Hello</p> <p>cruel</p> <p>World</p> </body> </html>
האם מידע זה היה מועיל?
