javascript - 在其他内部的 JQuery 中创建元素

Question

我知道如何使用 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 请求，因此，取决于请求的结果，我创建或不是输入左侧的元素。我该怎么做？

谢谢提前！

Answer 1

如果输入左侧的意思是在它之前，那么您可以使用.insertBefore().

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

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