Question

两个不同的css样式改如何循环？

现在代码：
<foreach name="a" item="v">

<div class="left">
<p>数据</p>
</div>
<div class="right">
<p>数据</p>
</div>

</foreach>

要求输出结果如下：
<div class="left">
<p>数据1</p>
</div>
<div class="right">
<p>数据2</p>
</div>
<div class="left">
<p>数据3</p>
</div>
<div class="right">
<p>数据4</p>
</div>
请问该如何实现？

Answer 1

方案一：取余数 $i%2 余数如果为0则添加left的div，余数如果为1，则添加right的div；
方案二：用js动态添加class。获取所有div，奇数项添加left，偶数项添加right。

追问

请问按照现在的代码改如何实现方案1？谢谢！！！

追答

稍等

<if condition="$key%2 eq 1">
    <div class="right"></div>
<else />
    <div class="left"></div>
</if>

里面数据自己添加，代码可以直接用。