每隔三分之一<li>通过Php </li>添加课程

Question

我在WordPress中获得了动态帖子。但我想在每三分之一<li>之后添加课程。

喜欢这个。

<li></li>
<li></li>
<li class="last_child"></li>
<li></li>
<li></li>
<li class="last_child"></li>

Answer 1

假设您通过for循环创建它们，您只需检查索引即可。像这样：

for ($i=0; $i<$num_lis; $i++) {
    echo '<li'.($i % 3 == 2 ? ' class="last_child"' : '').'></li>';
}

或者如果您不想使用三元符号：

for ($i=0; $i<$num_list; $i++) {
    if ($i % 3 == 2) {
         echo '<li class="last_child"></li>';
    } else {
         echo '<li></li>';
    }
}

但是正如j08691评论的那样，你可能最好只选择使用li类的每一个last_child，例如nth-child用于CSS，例如

li:nth-child(3n) {
 styles
}

Answer 2

你可以使用CSS：

li:nth-child(3n) { 
    /* Your styles here */
}

另外，作为一个选项，Wordpress内置了jQuery，因此您也可以使用 .addClass() ：

$("ul li:nth-child(3n)").addClass("last_child");