javascript - 定位到行中的最后一里？

Question

我有一个简单的列表，其中的列表项没有任何特殊类别。

<ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  etc..
</ul>

在前端看起来是这样的:

我希望能够定位每一行中的最后一个 li(以绿色突出显示的那些)。但是，我不确定这些 li 没有任何类，并且根据用户的屏幕，它可能是最后一个不同的 li一排。有没有一种方法可以定位到一行中的最后一个 li？

编辑:我认为有些困惑。所有 li 项都在一个 ul 中。

Answer 1

function calculateLIsInRow() {
    var lisInRow = 0;
    $('ul li').each(function() {
        $(this).removeClass("back");
        if($(this).prev().length > 0) {
            if($(this).position().top != $(this).prev().position().top) {
               $(this).prev().addClass("back");
               // return false;
            }
            lisInRow++;
        } else {
            lisInRow++;   
        }
        if($(this).next().length > 0) {
        }
        else {
            $(this).addClass("back");
        }
    });
}

calculateLIsInRow();

$(window).resize(calculateLIsInRow);

JSFIDDLE

我想我找到了答案..请通过调整窗口大小来检查..