insertBefore

« Обратно к списку функций манипуляции с объектами DOM

[редактировать]

insertBefore( селектор )

Вставляет все элементы набора в другой указанный набор элементов. Добавляемые элементы следуют перед уже существующими. В jQuery версии 1.3.2 данная функция возвращает все вставленные элементы.

Эта операция является, по сути, обратной выражению $(A).before(B). Вместо добавления В перед А, добавляется А перед В.

Элементы, перед которыми необходимо вставлять, должны быть уже  в документе (нельзя вставлять один элемент перед другим если его нет на странице).

Аргументы:

селектор Строка
Контент, после которого необходимо вставить выбранный(е) элемент(ы).
Примеры:

Вставляет все параграфы перед элементом с id “foo”. То же самое, что и $(»#foo»).before(»p»).
$("p").insertBefore("#foo"); // check before() examples
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>

  $(document).ready(function(){
    $("p").insertBefore("#foo"); // check before() examples
  });
  </script>
  <style>#foo { background:yellow; }</style>
</head>

<body>
  <div id="foo">FOO!</div><p>I would like to say: </p>
</body>
</html>
Name Type