使用jQuery更改HTML内容

Question

我有两部分代码。

$("form").submit(function(e) {
  $(".content" ).html('<div>My new div</div>');
}

<p class="content">
  <a href="#">My link</a>
  <form>
    <input type="submit">
  </form>
</p>

第一个应该在{2}的标记<div>My new div</div>之前放置<a>。但是当我运行它时，类.content的所有内容都被<div>My new div</div>替换。我该如何解决这个问题？

Answer 1

使用.prepend（）

代替.html（）方法