克隆每個元素后添加換行符

Question

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

我在整個頁面中都有一堆.footnote元素，在頁面底部，我想列出頁面上的所有腳注。 因此，每個腳注將被克隆為#allfootnotes 。 我正在嘗試在#allfootnotes元素中的每個.footnote之后放置一個換行符，因此它們不會混雜在一起。

一旦將每個.footnote克隆到#allfootnotes后，我將如何應用#allfootnotes ？

這是最好的方法嗎？ 在每個.footnote有2個span標簽，一個用於標題，一個用於腳注內容（不知道這是否重要）。

Answer 1

聽起來您可以使用CSS來做到這一點

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

根據您的情況，您可能需要將.footnote設置為帶有display: block;的塊級元素display: block;

Answer 2

演示

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

如果您使用的是XHTML，則應該<br />

Answer 3

var allFootNotes = $('#allfootnotes');
$('.footnote').each(function(){
     $(this).clone().add('<br/>').appendTo(allFootNotes);
});

如果$('#allfootnotes')與您說的一樣多，則緩存$('#allfootnotes')將減少瀏覽器的負載。

希望這可以幫助

Answer 4

$('.footnote').each(function() {
    $(this).clone().add('<br/>').appendTo('#allfootnotes');
});

編輯請參閱roXon的答案。 比自己遍歷腳注還干凈。