jquery - jQuery .append() 自动关闭标签的解决方案

Question

通过追加添加此类内容的最佳方法是什么

<div>
 <a href=""></a>
 <div>
  <pre>
  </pre>
 </div>
</div>

我正在寻找一些提示， jQuery append() 是否关闭 html 标签？ jquery append() 不写结束标签 http://forum.jquery.com/topic/append-automatically-closing-html-tags

但是对于这些标签，没有任何作用；/

Answer 1

我不确定我是否理解你的问题。您是否在寻求一种将您列出的所有内容附加到另一个元素的方法？

如果是这样，这是一种方法。如果您将元素编写为<div/>. 假设您想将问题中的所有内容附加到body元素的末尾。

编辑：您甚至可以向自闭合标签添加属性，例如<a href="#"/>，因此我已经相应地更新了代码。

你可以这样做：

$('body').append('<div class="awesome-class"/>');
$('div:last-child').html('<a href="#"/><div><pre/></div>');

我不知道你是否可以在一条链中管理它，所以我做了两条。首先，我附加了最外层的div，然后使用该html方法将所有其他的插入到里面。

这就是你所追求的吗？

您的评论中列出的类代码：

$('body').append('<div class="test"/>');
$('div:last-child').html('<a class="test2" href="#"><img src="#"/>link</a><div class="test3"><pre/></div>');