目标最后一排？

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

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