ページ上の画像の後に文字列を挿入する

私は、ページ上の各タグの最後に「数字」(数字)を追加しようとしている、少しジレンマがあります。ページ上の各イメージでは、最後より1大きい新しい番号が追加されます。

これまでのところ、PHPとJSの組み合わせを思いついたのですが、JSは数字を挿入して管理し、PHPは数字を増やして管理しますが、どちらも連携していません。

これまで私はこれを持っています:

<script>
$('img').after('<?php $c = 0; ?>
<?php echo ++$c ?>

しかし、PHPはサーバー側であるため、数字を増やすようには見えません。ページ上のすべてのイメージは常に1です。

JSを使わずにこれを使うと、

<?php $c = 0; ?>

ページの上部に表示され、次に


<?php echo ++$c ?>

イメージごとにハードコードされていますが、正常に動作しますが、各タグの後に自動的にすべてを追加する方法が必要です。必ずしもハードコードされているとは限りません。

何かご意見は?

ベストアンサー

ここにPHPは必要ありません。 jQueryを使ってすべてを行うことができます:

<script type='text/javascript'>
  var c = 0;
  $("img").each(function() {
    $(this).after("
" + ++c + "

こちらはjsfiddleです

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です