prependTo()

посл. ред. 12.08.2016

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

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

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

Примеры

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф 1</p>
  <p>Параграф 2</p>
</body>
</html>
 
<script>
$('<span>Дата: </span><br>')
  .prependTo('p');
/* добавление каждому параграфу HTML-кода */
</script>

Дата:
Параграф 1

Дата:
Параграф 2

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф 1</p>
  <p class="par2">Параграф 2</p>
  <p>Параграф 3</p>
</body>
</html>
 
<script>
$('.par2')
  .prependTo(document.body);
/* перемещение 2-го параграфа в начало документа */
</script>

Параграф 2

Параграф 1

Параграф 3