如何用另一个 html 元素替换一个 html 元素

Question

我正在尝试用 jQuery 替换 div 内的表单，请考虑以下 html：

<div>
  <form>
    <input type="text" value="some text here" id="friendship" class="not_friends">
  </form>
</div>

和以下js代码：

div = $("#friendship.not_friends").parent().parent();
$("form", div).remove();
$(div).add(response);

如我所愿，“form”元素被删除，但新表单（在“response”字符串中）未添加到 div，为什么？还有更好的方法来编写这个js代码吗？这看起来对我来说不太好。

Answer 1

jQuery 内置了用一个元素替换另一个元素的功能。

看：.replaceWith()

$("form").replaceWith(response);