Блог

Я пытаюсь создать обобщенную функцию, которая добавит число к каждому из моих divs, чтобы сделать их уникальными. У меня пока есть следующий код в качестве общей идеи, но я хотел бы знать, какой наилучший вариант будет для моей цели, поскольку я собираюсь внедрить это в систему, которая динамически генерирует HTML.

 <?php
count($num);
?>

<div id ="service">
    <div class="image<?php echo $num ?>"><img src="http://placekitten.com/202/125" alt=""></div>
    <div class="title">Pussy Cat</div>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante elit, lobortis at fringilla vitae, bibendum at enim. Vivamus porttitor urna eget odio imperdiet accumsan sed ut mauris. Nunc magna dui, ultricies nec suscipit at, venenatis eget sapien. Aliquam a nunc laoreet massa aliquam condimentum. Phasellus euismod condimentum congue. Mauris facilisis sem a magna dapibus eu ultricies ligula elementum. Sed fermentum</div>
</div>

<div id ="service">
    <div class="image<?php echo $num ?>"><img src="http://placekitten.com/202/125" alt=""></div>
    <div class="title">Pussy Cat</div>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante elit, lobortis at fringilla vitae, bibendum at enim. Vivamus porttitor urna eget odio imperdiet accumsan sed ut mauris. Nunc magna dui, ultricies nec suscipit at, venenatis eget sapien. Aliquam a nunc laoreet massa aliquam condimentum. Phasellus euismod condimentum congue. Mauris facilisis sem a magna dapibus eu ultricies ligula elementum. Sed fermentum</div>
</div>
  

Я бы использовал …

 $num = 1;
  

… чтобы инициализировать переменную $num и просто подсчитывать ее для каждого DIV …

 <?php echo $num  ; ?>
  

я думаю, было бы проще всего достичь того, чего вы хотите.

Цикл for, вероятно, лучший способ сделать это:

 <?php
$total = count($num);
for($i=0;$i<$total;$i  ):
?>

<div class="service">
    <div id="image<?php echo $i ?>"><img src="http://placekitten.com/202/125" alt="" /></div>
    <div class="title">Pussy Cat</div>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante elit, lobortis at fringilla vitae, bibendum at enim. Vivamus porttitor urna eget odio imperdiet accumsan sed ut mauris. Nunc magna dui, ultricies nec suscipit at, venenatis eget sapien. Aliquam a nunc laoreet massa aliquam condimentum. Phasellus euismod condimentum congue. Mauris facilisis sem a magna dapibus eu ultricies ligula elementum. Sed fermentum</div>
</div>

<?php endfor; ?>