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

前端之家收集整理的这篇文章主要介绍了在使用jQuery时添加元素间的换行符或空格.append()前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个jQuery的元素,我从我的DOM通过调用
$(".some-selector");

我所有的元素都是自己的DIV。我的DIV设置CSS(除其他外)

display: inline-block;

这阻止它们作为块元素(每个在其自己的行中)呈现。

问题是,当这些DIV被渲染时,它们之间有空格,因为每个元素之间的文档中有换行符。我很舒服我当然可以使用float:left来摆脱这些空格,但这不是我想要的,因为我会遇到容器尺寸等的其他问题。

所以。问题是我操纵这些元素的顺序在我的jQuery设置一个然后rerender他们。我本来做的是:

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

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

当我的元素附加到DOM中时,如何得到这些换行符?

解决方法

重新插入元素后,使用 .after()为每个元素添加一些空格:
$(".some-selector").after(" ");

http://jsfiddle.net/z5cFw/

猜你在找的jQuery相关文章