为偶数和奇数div添加不同的类

Question

我有一块PHP代码,如下所示:

$flag = false;
if (empty($links))
{
    echo '<h1>You have no uploaded images</h1><br />';
}

foreach ($links as $link)
{   
    $extension  = substr($link, -3);
    $image_name = ($extension == 'peg') ? substr($link, -15) : substr($link, -14);  

    ($delete_submit) ? deleteImage('.' . $image_name, $link) : '';

    echo '<div>';
        echo '<table>';

        echo '<tr><td class="fullwidth"><a class="preview_img" href="' . $link . '"><img src="' . $link . '" title="Click to enlarge" width="300" class="thumb" /></a></td></tr>';

        echo '<tr><td><span class="default">Direct:</span>&nbsp;';
        echo '<input type="text" readonly="readonly" class="link-area" onmouseover="this.select();" value="' . $link . '" />'; 
        echo '</td></tr>';

        echo ($flag) ? '<hr /><br>' : '';

        echo '</table>';
        echo '<br>';
    echo '</div>';

    $flag = true;
}

我希望<div>根据它是偶数还是奇数来包含一个不同的类.如果它是偶数,则它获得X类,如果它是奇数它获得Y类.

我的情况如何做到这一点？我完全无能为力,我不知道如何开始!

Answer 1

$count=0;在循环之前初始化变量.然后将以下内容放入循环中:++$count%2?"odd":"even".

$count = 0;
foreach ($links as $link)
{   
    $extension  = substr($link, -3);
    $image_name = ($extension == 'peg') ? substr($link, -15) : substr($link, -14);  

    ($delete_submit) ? deleteImage('.' . $image_name, $link) : '';

    echo '<div class="' . (++$count%2 ? "odd" : "even") . '">';

Answer 2

[...]
$i++;
echo '<div class="'.($i%2 ? 'odd':'even').'>';
[...]

Answer 3

在foreach之前,声明一个布尔值:

$div_flag = false;

在foreach中,你回显div添加这个:

"class=".( $div_flag ? "'odd'" : "'even'" )

在foreach的末尾(或其中的任何地方,真的)添加:

$div_flag = !$div_flag;

Answer 4

如果您正在使用原型站点,则可以始终实现纯CSS解决方案:

div:nth-child(even) { /* Apply even class rules here */ }
div:nth-child(odd) { /* Apply odd class rules here */ }

我建议您仅将其用于原型网站的原因是因为兼容性:nth-child 不支持IE8或更低版本.