Jquery 划分然后附加到多个 div

Question

我有一个页面，其中包含由用户选择确定的不同列数。

为了争论起见，从三列更改为两列后，我想从所有三列中获取所有内容（子 div），然后将它们均匀地重新分布在现在剩余的两列之间。

这是我到目前为止所拥有的。

// gather contents from source colums and store, store target divs as well
   var source = jQuery(".col").contents();
   var target = jQuery("#cols").contents();

// clear target divs (individually) now that their content is stored so we can append and re distribute source content
   jQuery(".col").html('');

// insert source into target
   jQuery(target).append(source);

#cols 是包含所有可见列的容器，.col 是每个单独的列。因此，我成功保存了每个列 (.col) 中的内容，并将其附加到列容器 (#col)，然后将内容放入该容器的每个子容器中（每个列或 .col）。

所以它工作正常，但它当然会复制每个列中的全部内容，我实际上想在每个列之间均匀地划分它。

我希望这是有道理的......有什么想法吗？

请参阅此处的示例 http://jsfiddle.net/Cgdyq/ 单击屏幕选项来更改列设置，您会注意到内容乘以所选列的列数。

Answer 1

通过将源除以列数并拆分数组，然后将每个结果块放入每个列中，并将复习列（如果存在）放入最后一个列中，可以解决问题。