jquery - 使用 jQuery .append() 时在元素之间添加换行符或空格

Question

我有一组 jQuery 元素，我通过调用从我的 DOM 中获取:

$(".some-selector");

我的所有元素都是 DIV，每个元素都在自己的行中。我的 DIV 设置了 CSS(除其他外)

display: inline-block;

这会阻止它们呈现为 block 元素(每个元素都在自己的行中)。

问题是，当呈现这些 DIV 时，它们之间有空格，因为文档中每个元素之间有换行符。我对此很满意。我当然可以使用 float:left 来摆脱这些空间，但这不是我想要的，因为我会遇到容器大小调整等其他问题。

所以。问题是我在我的 jQuery 集中操纵这些元素的顺序，然后重新呈现它们。我主要做的是:

$(".some-selector").detach().manipulate().appendTo(".container");
// or equivalent
$(".container").append($(".some-selector").detach().manipulate());

问题是它们被重新插入到 DOM 中，但没有换行符或空格...

在将我的元素 append 到 DOM 时，如何让这些换行符恢复原状？

Answer 1

重新插入元素后，使用 .after() 向每个元素 append 一些空格:

$(".some-selector").after(" ");

http://jsfiddle.net/z5cFw/