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

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>

Here's the jsfiddle