在其他的JQuery中创建元素

时间:2012-12-29 14:19:13

标签: javascript jquery dom

我知道如何创建一个元素whit JQuery,但我不知道如何将该元素放置在我想要的位置。

<form action="/register" enctype="multipart/form-data" method="POST">
  <span class="help-block">Username</span>
  <input id="checkuser" type="text" name="nuser" placeholder="Username"/>
  <span class="help-block">Email</span>
  <input id="mail" type="text" name="nmail" placeholder="Your m@il"/>
  <span class="help-block">Password</span>
  <input type="password" name="npass" placeholder="Your password"/>
  <span class="help-block">Avatar</span>
  <input type="file" name="navatar" accept="image/*">
  <br/>
  <input type="submit" value="Submit"/>
</form>

我正在使用JQuery执行AJAX请求,因此,取决于请求的结果,我创建或不创建输入左侧的元素。我怎么做的?

感谢先生!

1 个答案:

答案 0 :(得分:1)

如果输入,则表示您可以使用.insertBefore()

$("<span/>", {
  text: "My newly created span element"
}).insertBefore("input#checkuser");

或者,您也可以使用.before()