怎么将并列的li的位置存为数组或对象？？

Question

 <div class="container">
    <ul>
        <li class="inner"></li>
        <li class="inner"></li>
        <li class="inner"></li>
        <li class="inner"></li>
        <li class="inner"></li>
        <li class="inner"></li>
        <li class="inner"></li>
        <li class="inner"></li>
    </ul>
 </div>

怎么将上面的li的top left 值存为数组？？

Answer 1

var lis = []

$('ul > li.inner').each(function() {
    const { top, left } = $(this).offset()
    lis.push({
        top: top,
        left: left
    })
})

console.log(lis)

Answer 2

我添加样式后效果如图，
水平排列高度相同时获取left值

var arr = [];
$('.container .inner').each(function(i){
    arr.push($(this).css('left'));
});