在页面上的图像后插入字符串

Question

我有点陷入困境，我试图在页面上的每个标签的末尾添加“数字”（数字）。对于页面上的每个图像，添加一个比最后一个更大的新数字。

到目前为止，我已经提出了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>

Here's the jsfiddle