javascript - 如何在循环内创建元素并将它们存储到 JavaScript 中的变量中以便在循环外访问

Question

我想在循环内创建特定数字的一些元素，将它们存储在变量中，然后在循环外访问该变量。

我想在循环之外访问该变量的原因是这样我可以将它们放入附加函数中。

function range(start, stop, step) {
    var a = [start],
        b = start;
    while (b < stop) {
        b += step;
        a.push(b);
    }
    return a;
}
var yAxis = range(1, 100, 10);

$.createAxis = function(axisValues) {
    $(axisValues).each(function(index, element) {
        yAxisNav = document.createElement('div');
        var newValue = document.createTextNode("I have content!");
        yAxisNav.appendChild(newValue);
        return yAxisNav.className = 'graphBar_yAxis_label';
    });
}(yAxis);

console.log(yAxisNav);
//$('body').append('<section>'+yAxisNav+'</section>');

上面只返回一个元素，我如何存储它以便在循环之外访问它？

Answer 1

由于您想要返回 div 列表，我已将 yAxisNav 移至函数外部并将其附加到每个循环中。

我认为您正在寻找这个...

var yAxisNav = "";
$.createAxis = function (axisValues) {
    $(axisValues).each(function (index, element) {
        var elem;
        elem = document.createElement('div');
        var newValue = document.createTextNode("I have content!");
        elem.appendChild(newValue);
        elem.className = 'graphBar_yAxis_label';
        yAxisNav += elem.outerHTML;
    });
    return yAxisNav;
}(yAxis);

console.log(yAxisNav);
$('body').append('<section>'+yAxisNav+'</section>');