insertAfter

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

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

insertAfter( селектор )

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

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

Аргументы:

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

Вставляет все параграфы после элемента с id «foo». То же самое, что и $(»#foo»).after(»p»).
$("p").insertAfter("#foo"); // check after() 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").insertAfter("#foo"); // check after() examples
  });
  </script>
  <style>#foo { background:yellow; }</style>
</head>

<body>
  <p> is what I said... </p><div id="foo">FOO!</div>
</body>
</html>
Name Type