如何用jQuery/JS快速获取父元素下所有子元素的offsetTop并转为数组？

jQuery 实现方案 #

直接利用jQuery的.map()方法就能快速生成目标数组，无需手动循环：

// 方式1：jQuery对象链式调用
var tops = $("#storage").children().map(function() {
  return $(this).offset().top;
}).get();

// 方式2：全局$.map方法
var tops = $.map($("#storage").children(), function(element) {
  return $(element).offset().top;
});

说明：.map()会遍历所有子元素，返回每个元素的offsetTop值；.get()用于将jQuery包装的结果转换为原生JavaScript数组，最终得到[122,213,123]这类格式。

原生JavaScript实现（可选） #

如果不需要依赖jQuery，原生JS也能简洁实现：

var tops = Array.from(document.querySelector("#storage").children).map(el => el.offsetTop);

内容的提问来源于stack exchange，提问作者Error 2.0