如何选择最后一个 flexbox 元素？

Question

我有一个 3 到 1 列宽的网格系统。这些框始终为 320x320 大小。每个盒子都有一个类名，它决定了它在网格中的位置，例如。 <div class="sp3-om sp2-4r sp1-6"></div>。 一列是纯 flexbox，例如。 “sp1-6”有order: 6。 要附加一个后退按钮，我需要选择最后一个框，它是 :visible 并且具有最高顺序。我尝试了多种方法，例如

$('.box').filter(function(){ return $(this).css('order') == 6 })

如何选择最后一个可见的 flexbox 元素，因为 .last() 选择的是 DOM 中的最后一个元素，而不是屏幕上最后一个可见的元素。

Answer 1

试试这个

$('.grid').find('.box:visible').eq($('.box:visible').length-1)

希望这会有所帮助。