<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>
添加一个类就在最后一行。当我不知道会有多少元素时,我如何才能只定位这些元素?
最佳答案
您可能需要这样计算:
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/
关于jquery - 为列表中的最后一行元素添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9635350/