replaceAll()

посл. ред. 12.08.2016

Метод replaceAll() вставляет элементы, представленные текущим jQuery-объектом, вместо элементов, указанных аргументом.

Варианты использования

jQ_object.replaceAll(селектор) => jQuery: Удаляет из DOM-дерева все элементы, удовлетворяющие указанному селектору, и на место каждого вставляет элементы текущей выборки.
jQ_object.replaceAll(DOM-элемент) => jQuery: Удаляет из DOM-дерева указанный DOM-элемент (элементы) и на место каждого вставляет элементы текущей выборки.
jQ_object.replaceAll(jQuery-объект) => jQuery: Удаляет из DOM-дерева элементы, представленные jQuery-объектом, и на место каждого вставляет элементы текущей выборки.

Примеры

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <ol>
    <li>Элемент списка</li>
    <li>Элемент списка</li>
  </ol>
</body>
</html>
 
<script>
$('<li></li>')
  .replaceAll('li');
/* Замена элементов <li> на пустые */
</script>

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p class="par1">Параграф 1</p>
  <p>Параграф 2</p>
  <p class="par3">Параграф 3</p>
</body>
</html>
 
<script>
$('.par3')
  .replaceAll('.par1');
/* Замена 1-го параграфа на 3-й */
</script>

Параграф 3

Параграф 2