Question

如果我在列表中有十个项目，我怎样才能动态地将一个类（使用jQuery）添加到它们的前半部分？

输入：

<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>

期望的输出：

<ul>
    <li class="first-half">1</li>
    <li class="first-half">2</li>
    <li class="first-half">3</li>
    <li class="first-half">4</li>
    <li class="first-half">5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>

Answer 1

一般解决方案是：

var $lis = $("ul li");
$lis.slice(0, Math.floor($lis.length/2)).addClass("first-half");

如果您确定自己总是会有偶数，则可以省略Math.floor，并记住，如果您希望进行整理，还有Math.ceil。

You can try it here.

将类添加到列表中的前半部分项目

1 个答案: