javascript - 配对 DIV 中的数组元素

Question

我有一个脚本，可以从文本文件中读取并插入元素，以便可以对它们进行样式设置和显示。但是，我现在想在 DIV 中配对两个元素。这是代码:

var lines = request.responseText.replace(/\r/g, "").split("\n");    // Remove carriage returns (\r) and place text into an array, split at the newline character (\n)
        for (var i = 0; i < lines.length; i++) {    // Cycle through each line in the array
            if (lines[i].length >= 57) {    // Check if the current line is lengthy, and if so.....separate function
            }
            var coup = document.createElement("div");    // Create a div element
            coup.id = "line" + i;    // Give the div an ID in the form of line0, line1, etc.
            coup.innerText = coup.textContent = lines[i];    // Place the current line of text in the div
            el_status.appendChild(coup);    // Append the div to the status box
        }

我希望第 0 行和第 1 行进入一个 DIV。然后我希望第 2 行和第 3 行进入另一个 DIV...

var coup 不一定是 div，我不介意把它改成 p、span 或 li。

谢谢!

Answer 1

var lines = request.responseText.replace(/\r/g, "").split("\n");
for (var i = 1; i < lines.length; i += 2) {
    var coup = document.createElement("div");
    coup.id = "line" + i;
    coup.textContent = lines[i - 1] + lines[i];

    el_status.appendChild(coup);
}​

每次迭代两个，然后将它们放在同一个 DIV 中，或者它的一些变体，具体取决于您所追求的结构？