<div> 标签自动生成到 Html 网页中

Question

我有这几行代码：

<div class="signals">
  <ul>
    <li><a href="#signal1" class="fancybox">First Signal</a></li>
    <li><a href="#signal2" class="fancybox">Second Signal</a></li>
    <li><a href="#signal3" class="fancybox">Third Signal</a></li>
  </ul>
</div>

<div id="signal1" style="display:none;">
  <p style="color:#fff">First comment for #signal1 id - it will open in a fancybox -.</p>
  <div id="signal2" style="display:none;">
    <p style="color:#fff">Second comment for #signal2 id - it will open in a fancybox -.</p>
  </div>
  <div id="signal3" style="display:none;">
    <p style="color:#fff">Third comment for #signal3 id - it will open in a fancybox -.</p>
  </div>

这里是 jsfiddle 代码：JsFiddle

现在，当我想显示不同的 cmets 时，我打开我的 html 文件并编辑“id #signal ，在需要时添加更多 id（或删除它们）。
问题是：信号可能比显示的三个多，甚至更少。
所以我的问题是：
有一种方法可以在第二张表中自动生成我需要的 div，我将在其中插入评论和所有 id？ （一种后端）
例如：如果有一天我只需要 2 个信号，我将创建 #signal1 和 #signal2 div，我将插入 cmets 并保存第二张表。
当我这样做时，带有 html 内容的主工作表将显示 2 行“li”：

第一信号

第二个信号

当我点击它们时，fancybox 将打开并显示评论，就像将代码放入 jsfiddle 中一样。

我不太了解 php，但有一种方法可以使用它吗？还是有更好的方法？
希望我能从你的帮助中学习。

Answer 1

看来你需要 PHP foreach 循环。

您可以将 cmets 写入 PHP 数组，然后使用 PHP foreach 读取它们。

这里是示例代码：

<?php
    $commentsLabels = array('First Signal','Second Signal');
    $commentsTexts = array('First comment for #signal1 id - it will open in a fancybox.','Second comment for #signal2 id - it will open in a fancybox.');       
    //You could use a 2D array to store both comments Labels and comments Texts in one array, but since you are new to PHP, I put them in 2 different arrays to make it easy.
    //You can add more comments texts/labels to the arrays in double/single quotes separated with ','
    //For now, the arrays are filled manually. in future, you can add a DB to store comments and fetch the values from there.

    $counter = 0; 
    //we need a counter to make the comment ids dynamic
?>

<!--GENERATING LABELS-->
<div  class="signals"> 
    <ul>

    <?php
    foreach ($commentsLabels as $commentLabel) { //loop starts
        $counter++; //increasing $counter by 1, for each iteration      
        //We have to add HTML tags outside the php code block.
    ?>
            <li><a href="#signal<?php echo $counter; ?>" class="fancybox"><?php echo $commentLabel; ?></a></li> 
    <?php
        } //loop ends       
    ?>  

    </ul>
</div>

<!--GENERATING POPUPS-->
<?php
    $counter = 0; //reset counter

    foreach ($commentsTexts as $commentText) { //loop starts
        $counter++; 
?>
        <div id="signal<?php echo $counter; ?>" style="display:none;"><p style="color:#fff"><?php echo $commentText; ?></p></div>
<?php
    } //loop ends
?>

我希望这可以帮助您开始。 :-)