javascript - 在克隆每个元素后添加换行符

Question

$('.footnote').clone().appendTo('#allfootnotes').append('<br>');

我在整个页面中都有一堆 .footnote 元素，在页面底部我想列出页面上的所有脚注。所以每个脚注都将被克隆到 #allfootnotes。我试图在 #allfootnotes 元素中的每个 .footnote 之后放置一个换行符，这样它们就不会全部混在一起。

在克隆到 #allfootnotes 后，如何在每个 .footnote 之后应用换行符？

这是最好的方法吗？在每个 .footnote 中有 2 个 span 标签，一个用于标题，一个用于脚注内容(不知道这是否重要)。

Answer 1

听起来你可以使用 CSS 来做到这一点

#allfootnotes .footnote {
  margin-bottom: 10px;      
}

根据您的情况，您可能需要使用 display: block;

使 .footnote 成为 block 级元素