将新ID添加到包含相同类的每个div

时间:2014-06-21 07:11:07

标签: javascript php html

我希望看到我如何能够获得一个具有相同类并且添加ID的div,但是每增加一个新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>

关于我如何处理这个问题,我可能会有所不同,所以任何帮助都会受到高度赞赏。谢谢。

3 个答案:

答案 0 :(得分:1)

不确定,但是像这样我们可以分配id的

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

答案 1 :(得分:0)

你可以简单地使用for循环。

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

答案 2 :(得分:0)

尝试以下代码:

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

</div>