Question

foreach如何循环遍历LI 数组，循环一次下面left，rjght 切换

<ul class="listul">
<li style=" float:left;background-color:#FFF; position:relative; "> </li>
<li style=" float:right;background-color:#FFF;position:relative;"> </li>
<li style=" float:left;background-color:#FFF; position:relative; "> </li>
<li style=" float:right;background-color:#FFF;position:relative;"> </li>
<li style=" float:left;background-color:#FFF; position:relative; "></li>
<li style=" float:right;background-color:#FFF;position:relative;"> </li>
</ul>

Answer 1

假设你的页面中只有这些<li>标签。

常规写法：

var lis = document.querySelectorAll('li');
for(var i=0;i<lis.length;i++){
    if(lis[i].style.cssFloat=="left"){
       lis[i].style.cssFloat="right";
    }else if(lis[i].style.cssFloat=="right"){
        lis[i].style.cssFloat="left";
    }
}

同时说明一下，对于上面的lis不能够使用foreach()，因为lis是NodeList,不是List，也不是数组，不能使用for-each循环。

追问

我上面那个Li应该怎样通过foreach,动态循坏出来呢,html,该怎样写

追答

你的意思是只有上层的，想将写到里面吗？

追问

{foreach }
{if}

{/if}
{/foreach}

如何才可以做到right，left 两者轮流切换

追答

不明白你问的什么意思。加企鹅吧: 1638701293

追问

意思就是 我用PHP 循环数组， 第一个用
，第二个循环出来，第三个，第四个，这样交替下去

追答

原来是这个意思，我明白了。不过你要是使用PHP实现？你确定？

假设你确定。

html内容对于php来说，可以纯粹的看为字符串。假设你有$length个<li>，要构建如题所述的html文档。代码如下：

$ul = '<ul class="listul">';
for($i=0;$i<$length;$i++){
    if($i & 1){
        $ul .= '<li style=" float:left;background-color:#FFF; position:relative; "> </li>';
    }else{
        $ul .= '<li style=" float:right;background-color:#FFF;position:relative;"> </li>';
    }
}
$ul .=  '</ul>';