Добавить элемент ПОСЛЕ другого?

когда я использую append, добавьте элемент WITHIN в элемент. Я хочу добавить элемент ПОСЛЕ элемента.

например.

 <div class="link">
       <input class="link" type="text" value="Skriv länk" />
       <br />
 </div>

как добавить элемент после "ввода", но до "br"?

Ответ 1

$("input").after("<p>Hello</p>");

После jQuery doc: http://api.jquery.com/after/

У вас также есть insertAfter:

$("<p>Hello</p>").insertAfter("input");

Будет работать нормально.

Ответ 2

Используйте insertBefore() или insertAfter().

Ответ 3

Вы действительно должны добавить атрибут id к своему входу не только для производительности, но и для того, чтобы добавить его только после этого конкретного ввода:

<div class="link">
       <input id="textBox" class="link" type="text" value="Skriv länk" />
       <br />
 </div>

если используется jquery

$("#textBox").after("<p>Hello</p>");

еще

var textBox = document.getElementById("textBox");
var element = document.createElement("<p>Hello</p>");
textBox.parentNode.insertBefore(element, textBox.nextSibling);

Ответ 4

// create your element
var $el = $("<div>");

// append after input
$("input.link").after( $el );