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

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>