JQ对每一行的最后一位元素进行单独的样式调整

html代码如下:

<ul>
    <li>这里是第1子元素</li>
    <li>这里是第2子元素</li>
    <li>这里是第3子元素</li>
    <li>这里是第4子元素</li>
    <li>这里是第5子元素</li>
    <li>这里是第6子元素</li>
    <li>这里是第7子元素</li>
    <li>这里是第8子元素</li>
    <li>这里是第9子元素</li>
    <li>这里是第10子元素</li>
</ul>

在所有子元素中, 要对排在第2的倍数的元素进行统一样式调整, 选择这些元素的JQ方法如下:

$(function () {
            $("ul li:nth-child(2n)").addClass("className");
        });

将所有处于2的倍数位置的元素统一添加class类名, 然后统一对该类进行样式设计就可以了。