PHP代码添加递增的css ID's到生成的列表


PHP code for adding incrementing css ID's to generated list

我有一段PHP代码,它从目录中提取图像并将它们显示为添加了css类的

  • 元素。代码还增加了递增的css ID到每个列表项,这就是我遇到的麻烦。

    如果你检查我下面的代码,你会发现列表ID正在正确地递增,但变量$i正在与图像一起作为文本响应。我试图让ID增加,但我不希望变量被回应。我知道答案就在我眼前,但是对于一个PHP新手来说,我看不出有什么问题。

    PHP代码

    <?php
    $files = glob("images/assets/*.{png,jpg,jpeg}", GLOB_BRACE);
    $i = 1;
    foreach ($files as $file)
    
        echo "<li id:'"S-$i'"><img class='"zuper'" src='"$file'" /></li>",
        $i++;
    ?>
    

    生成的HTML

    <li id:"S-1"><img class="zuper" src="images/assets/1.jpg" /></li>1
    <li id:"S-2"><img class="zuper" src="images/assets/2.jpg" /></li>2
    <li id:"S-3"><img class="zuper" src="images/assets/3.jpg" /></li>3
    <li id:"S-4"><img class="zuper" src="images/assets/4.jpg" /></li>4
    <li id:"S-5"><img class="zuper" src="images/assets/5.jpg" /></li>5
    <li id:"S-6"><img class="zuper" src="images/assets/bistro.jpg" /></li>6
    <li id:"S-7"><img class="zuper" src="images/assets/hotel.jpg" /></li>7
    <li id:"S-8"><img class="zuper" src="images/assets/view.jpg" /></li>8
    <li id:"S-9"><img class="zuper" src="images/assets/weddings.jpg" /></li>9
    
    您可以在生成的HTML中看到变量$i在每个
  • 之后被回显

    变化:

    echo "<li id:'"S-$i'"><img class='"zuper'" src='"$file'" /></li>",
    $i++;
    

    echo "<li id:'"S-$i'"><img class='"zuper'" src='"$file'" /></li>";
    $i++;
    

    注意我改变, , ,

    你的html不应该是:

    <li id="S-1">....
    

    <li id:"S-1">....