Question

当我使用append时，在元素中添加一个元素。我想在元素之后添加一个元素。

例如

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

如何在“输入”之后但在“br”之前添加元素？

Answer 1

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

在jQuery doc之后：http://api.jquery.com/after/

您还拥有insertAfter：

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

工作得很好。

Answer 2

使用insertBefore()或insertAfter()。

Answer 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);

Answer 4

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

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

在另一个之后添加一个元素？

4 个答案: