페이지의 이미지 뒤에 문자열 삽입

Question

페이지의 각 태그 끝에 '숫자'(숫자)를 추가하려고하는 약간의 딜레마가 있습니다. 페이지의 각 이미지에 대해 마지막 숫자보다 1 큰 새 번호가 추가됩니다.

지금까지 PHP와 JS의 조합을 살펴 보았지만 JS는 숫자를 삽입 관리하고 PHP는 숫자를 증가 시키지만 모두 함께 작동하지는 않습니다. ,이 숫자는 항상 1

입니다 페이지의 모든 이미지, 숫자를 증가하지 않는 것

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

하지만, PHP되는 서버 측 :

지금까지 나는이 있습니다

나는 JS없이이를 사용하고, 단지 다음

을 페이지 상단에

<?php $c = 0; ?> 

를 넣어 경우

각 이미지에 대한 하드 코딩, 그것을 잘 작동하지만, 나는 그것이 각 태그 후 자동으로 모두 추가, 항상에서 하드 코딩 될 수있는 방법이 필요합니다.

어떤 생각을?

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