.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>
Из этого примера видно, что выбранный элемент замещает целевой будучи передвинутым со своего старого места, а не с помощью клонирования.
Примеры
Замена содержимого всех параграфов текстом, заключенным в тэг b.$("<b>Paragraph. </b>").replaceAll("p"); // check replaceWith() examples
Полный код:
<!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>
Была ли эта информация полезной?
