jquery - 为列表中的最后一行元素添加类

Question

<ul class="list_availability">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

样式 3 的结果会是这样 <li>在每一行中

|_|_|_|
|_|_|_|
| | | |

|_|_|_|
|_|_|_|
| | |

|_|_|_|
|_|_|_|
| |

我想为 <li> 添加一个类(使用 jQuery)在最后一行，即使它同时具有 3、2、1 项

---

尝试澄清...

CSS 布局了 <li>每行 3 个元素。

问题是总数 <li>元素并不总是能被 3 整除, 所以最后一行可能有 1 , 2 , 或 3元素。

我想做的是向 <li> 添加一个类就在最后一行。当我不知道会有多少元素时，我如何才能只定位这些元素？

Answer 1

您可能需要这样计算:

lastRowItemsCount = ($("ul.list_availability li").length % 3);
if (lastRowItemsCount == 0) lastRowItemsCount = 3;
$("ul.list_availability li").slice(-lastRowItemsCount).addClass("lastRow");​

这只会为最后一行的元素添加一个类。

少于3件只需要处理即可。但这很容易，对吧？ ;)

您可以在这里通过添加或删除 <li> 来测试它元素: http://jsfiddle.net/7bx6v/2/