在頁面上的圖像之後插入字符串

Question

我試圖在頁面上的每個標籤的末尾添加'figure'（數字），我有點困惑。對於頁面上的每個圖像，都會添加一個新的數字，比上一個數字大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