jQuery .append（）解决方案，用于自动关闭标签

Question

通过附加

添加类似内容的最佳方式是什么

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

我正在寻找一些提示， Does jQuery append() close html tags? jquery append() not writing closing tag http://forum.jquery.com/topic/append-automatically-closing-html-tags

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

Answer 1

我不确定我理解你的问题。您是否想要一种方法将所有您列出的内容附加到其他元素？

如果是这样，这是一种方式。如果你把它们写成<div/>，jQuery会自我关闭元素。假设您要在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>');