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

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

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

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

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

'); </script>

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

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

<?php $c = 0; ?>

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


<?php echo ++$c ?>

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

何かご意見は?

2

1 答え

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

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

"); }); </script>

こちらはjsfiddleです

5
追加された
みんな、これは大変ありがとう。私はこれのためにどこでも高低を捜しました、そして今、私は、これがいかに簡単かを理解していないため、少し馬鹿げているように感じます。再度、感謝します!
追加された 著者 John the Painter,
@ Briedisありがとうございます - 私がする前に編集しています。
追加された 著者 Michael Berkowski,
$(this).after(..
追加された 著者 Mārtiņš Briedis,
PHP - 日本のコミュニティ [ja]
PHP - 日本のコミュニティ [ja]
4 参加者の

このグループではPHPについて話します。 パートナー:kotaeta.com

JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript