javascript - 使用以空格分隔的数据将变量中的数据放入<li>

我正在尝试从包含信息的变量中加载数据，然后将它们放到字符串中，以便仅使用空格作为分隔符在网页上使用。我知道我必须循环通过，但我不能。我应该在PHP之前执行此操作还是使用JS来执行此操作？也可以一次加载最多3个吗？是否有可能做到这一点？字符串看起来像这样：-

$areas = "London Birmingham Leeds Glasgow Bradford Liverpool Edinburgh etc etc"

这就是我要放置数据的方式：-

<h3 class="areas">London</h3>
<h3 class="areas">Birmingham</h3>
<h3 class="areas">Leeds</h3>

或类似的东西：

<h3 class="areas">London Birmingham, Leeds</h3>

在此先感谢您的任何建议。

最佳答案

您不需要任何JS来执行此操作，只需explode内置函数即可：

$areas_list = explode(' ', $areas);

foreach ($areas_list as $area) {
    echo '<h3 class="areas">' . $area . '</h3>';
}