如何使用JavaScript/jQuery动态填充多个div？

我提前道歉，在我获得10%的声誉之前，我不允许发布图片。因此，我希望我的描述足以让人理解我的想法

那么，假设我有三个专栏；a、 b和c。当有太多的内容只能放在a、b和c中时，我希望制作新的屏幕外专栏，d、e和f直到所有内容都被使用为止

因此，我当前的设置为所有内容提供了隐藏文本div play主机，然后我将使用JavaScript函数或jQuery函数动态填充每个div，并在需要时创建div以及按钮，以访问它创建的新div

它决定填充哪一个的方式就是简单地抓取内容并将其放入列a中。当内容到达屏幕底部时，列a已满。然后它抓取其余的内容并将其放入b中，直到b已满，依此类推，直到所有可用的内容都被使用

我真的希望我说的够清楚，我不知道是否有人会稍微理解我想说的话。。。非常感谢您的帮助

这里有一个HTML是如何构造的代码片段，也许它可以帮助人们理解我的意思。。。再次感谢大家

<div id="parent-div">
   <div class="a"></div>
   <div class="b"></div>
   <div class="c"></div>
</div>
<div id="hidden-text">
   This is the content I would like to have displayed across the three divs above.
</div>

---

我认为应该是这样的：

var divs = ['a', 'b', 'c'];
var word_limit = 50;
var paragraph_words = paragraph.split(' ');
for (var i = 0, div_index = 0; i < paragraph_words.length && div_index < divs.length; i++) {
    newParagraph += ' ' + paragraph_words[i];
    if (i > 0 && i % word_limit == 0) {
        document.getElementsByClassName(divs[div_index])[0].innerHTML = newParagraph;
        div_index++;
        newParagraph = '';
    }
}
if (newParagraph) { // If we didn't fill up the last DIV
    document.getElementsByClassName(divs[div_index])[0].innerHTML = newParagraph;
}

---

你说的是分页吗？隐藏文本中的内容与a、b、c中的内容有什么关系？我所看到的只是一行，div里是什么？隐藏div中是否有div，是否要将它们复制到父div中相应的div？我们不需要图像，显示您希望原始DOM是什么样子，然后函数应该如何动态修改它。多少是太多的内容？什么时候它会坚持原来的a、b和c div，什么时候它会在需要的地方创建div？你想做什么还不清楚。@Barmar隐藏文本div背后的想法是JS只需要从一个位置提取。A、 B和C是等待JS填充的列。隐藏文本div中不再有div。将其想象为一份报纸，没有向下滚动，所有内容都进入页面底部，然后从顶部重新开始一列。这里的想法是，JS将填充这些列中的每一列。太多的内容是当它不能再放在页面上时。

var divs = ['a', 'b', 'c'];
var word_limit = 50;
var paragraph_words = paragraph.split(' ');
for (var i = 0, div_index = 0; i < paragraph_words.length && div_index < divs.length; i++) {
    newParagraph += ' ' + paragraph_words[i];
    if (i > 0 && i % word_limit == 0) {
        document.getElementsByClassName(divs[div_index])[0].innerHTML = newParagraph;
        div_index++;
        newParagraph = '';
    }
}
if (newParagraph) { // If we didn't fill up the last DIV
    document.getElementsByClassName(divs[div_index])[0].innerHTML = newParagraph;
}