Вставить строку после изображения на странице

Question

У меня есть небольшая дилемма, когда я пытаюсь добавить «цифры» (цифры) в конец каждого тега на странице. С каждым изображением на странице добавляется новый номер, который на 1 больше последнего.

До сих пор я придумал комбинацию PHP и JS, но JS удается вставить число, а PHP - увеличить число, но ни один из них не работает вместе.

Пока у меня есть это:

<script>
$('img').after('<?php $c = 0; ?><p class="figure"><?php echo ++$c ?></p>');
</script>

Но, если PHP на стороне сервера, он, похоже, не увеличивает цифры, для всех изображений на странице число всегда равно 1.

Если я использую это без JS, и просто поставлю

<?php $c = 0; ?>

вверху страницы, а затем

<p class="figure"><?php echo ++$c ?></p>

Жестко запрограммировано для каждого изображения, оно отлично работает, но мне нужен способ, позволяющий автоматически добавлять все это после каждого тега и не всегда быть жестко закодированным.

Есть мысли?

Answer 1

Вам не нужен PHP здесь.Вы можете сделать все это с помощью jQuery:

<script type='text/javascript'>
  var c = 0;
  $("img").each(function() {
    $(this).after("<p class='figure'>" + ++c + "</p>");
  });
</script>

Вот jsfiddle