javascript - 如何在窗口调整大小时覆盖我的数组？

Question

我有多个具有不同内容和相同类的 div

<div class="my-div"> ... some content here ... </div>
<div class="my-div"> ... some content here ... </div>
<div class="my-div"> ... some content here ... </div>
<div class="my-div"> ... some content here ... </div>
<div class="my-div"> ... some content here ... </div>

现在我将每个单独的高度插入一个数组

var myArray = new Array();

function pushToArray(height) {
    myArray.push(height);
}

function getHeight() {
    $('.my-div').each(function () {
        pushToArray($(this).height());
    });
}

这将返回文档加载时的每个单独高度。如果我知道在调整窗口大小时调用此函数链，它将扩展我的数组。我想要的是它用新高度替换现有值。

我该如何实现？

Answer 1

在 getHeight 函数中重置数组。

var myArray = [];

function pushToArray(height) {
    myArray.push(height);
}

function getHeight() {
    // Reinitialize the array
    myArray = [];

    $('.my-div').each(function () {
        pushToArray($(this).height());
    });
}

// Call getHeight on window resize
$(window).resize(getHeight);