Javascript 向包含相同类的每个div添加新id

我想看看我如何可以采取一个特定的div，它将有相同的类，并添加和ID到它，但每增加一个新的ID计数一个数字，例如默认的html将是这样的

<div id="content">
    <div class="section"></div>
    <div class="section"></div>
    <div class="section"></div>
    <div class="section"></div>
</div>

我希望能够自动添加一个名为ID=“section-1”的ID，并为每个div添加1，这样第二个div将是ID=“section-2”

所以输出看起来像

<div id="content">
    <div id="section-1" class="section"></div>
    <div id="section-2" class="section"></div>
    <div id="section-3" class="section"></div>
    <div id="section-4" class="section"></div>
</div>

我不确定我是否可以用PHP来做这件事，我在想我可以做类似的事情

$Variable = the way to add +1 for each div than 
<div id="section-<?php echo $Variable ?>" class="section"></div>

$Variable=为每个div添加+1的方法
不确定，但这样我们可以分配id的

for($i=1;$i<=$your_posts_value;$i++)
{
?>
<div id="section-<?=$i ?>" class="section">test</div>
<?php
}

用于（$i=1；$i）
您可以简单地使用for循环

for($i=1; $i <= $count_of_section_div; $i++)
{
    echo '<div id="section-'.$i.'" class="section"></div>';
}

对于（$i=1；$i请尝试以下代码：

<div id="content">
    <?php 
    while($Variable <= 4)
    {
    ?>
           <div id="section-<?php echo $Variable ?>" class="section"></div>
    <?php
           $Variable++;
    } 
    ?>

</div>


有没有办法确定你想要多少节div？节div的数量会根据每篇文章的不同而有所不同，这就是为什么我需要找出一种方法来运行并查看我在节类中有多少节div，而不是向它添加正确的节id。你可以使用loop！好的。因此，除了向div添加+1，你不能添加一个un吗该帖子的id号。类似于该帖子的id？我将与wordpress一起使用该功能，如果必须使用wordpress，该功能会起作用吗？我应该将$your\u posts\u值设置为什么？为什么我尝试测试该功能？没有任何div显示。你得到的$count\u分区分区值是什么？你是什么意思？当我复制你所做的代码时，什么都没有显示在网站上，根本没有div显示。我是否应该将$count\u of_section\u div=设置为某个值？哦，天哪！你需要将
$count\u of_section\u div
分配给你想要显示的section div的数量。例如，首先添加
$count\u of_section\u div=4；
行，然后添加上面的代码。但我不知道我会有多少节每个帖子都会有一个不同的div部分，这就是我想要的“我试图做的是让代码计算出我拥有的div部分。这是可行的，但我不知道我需要多少div，所以我需要它来检查代码，看看有多少div，然后添加到其中，有时可能有4个，其他帖子可能有8个