javascript - 如何将所有 php foreach 输出值放在 html 标签中？

Question

假设我有这样的 html 代码：

        <div class="data">
            <div class="arrayvalue"> Value Here: </div>
        </div>

现在我有一个这样的php代码：

 <?php
$colors = array("red", "green", "blue", "yellow",....,"purple");

foreach ($colors as $value) {
  echo "$value <br>";
}
?> 

我只想将这些数组值存储在

<div class="arrayvalue"> Here: </div>

与此类似的东西：

    <div class="data">
            <div class="numvalue">Blue</div>
        </div>
        <div class="data">
            <div class="numvalue">Pink</div>
        </div>
        <div class="data">
            <div class="numvalue">Red</div>
        </div>
        <div class="data">
            <div class="numvalue">Yellow</div>
        </div>
        <div class="data">
            <div class="numvalue">Blue</div>
        </div>

此外，如果可能的话，必须增加 div 的数量，因为数组值会增加，然后使用 AJAX。任何想法？请帮我解决这个问题。

标签： javascriptphphtml

Answer 1

如果您愿意，您可以直接回显它：

foreach ($colors as $value) { 
    echo '<div class="data"><div class="numvalue">'.$value.'</div></div>'; 
}