首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将一个元素添加到另一个元素之后?

将一个元素添加到另一个元素之后?
EN

Stack Overflow用户
提问于 2010-01-24 18:14:30
回答 4查看 25.1K关注 0票数 12

当我使用append时,它会在一个元素中添加一个元素。我想在一个元素后面添加一个元素。

例如:

代码语言:javascript
运行
复制
 <div class="link">
       <input class="link" type="text" value="Skriv länk" />
       <br />
 </div>

如何在'input‘之后'br’之前添加元素?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-01-24 18:18:31

代码语言:javascript
运行
复制
$("input").after("<p>Hello</p>");

在jQuery文档之后:http://api.jquery.com/after/

您还可以使用insertAfter

代码语言:javascript
运行
复制
$("<p>Hello</p>").insertAfter("input");

将会工作得很好。

票数 31
EN

Stack Overflow用户

发布于 2010-01-24 18:18:56

使用insertBefore()insertAfter()

票数 2
EN

Stack Overflow用户

发布于 2010-01-24 18:42:49

您真的应该向您的输入添加id属性,不仅是为了提高性能,而且要确保您只在该特定输入之后添加:

代码语言:javascript
运行
复制
<div class="link">
       <input id="textBox" class="link" type="text" value="Skriv länk" />
       <br />
 </div>

如果使用jquery

代码语言:javascript
运行
复制
$("#textBox").after("<p>Hello</p>");

否则

代码语言:javascript
运行
复制
var textBox = document.getElementById("textBox");
var element = document.createElement("<p>Hello</p>");
textBox.parentNode.insertBefore(element, textBox.nextSibling);
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2126653

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档