#問題点
select * from posts でテーブルにある全ての投稿を取り出すのですが、それぞれに個別のidが付与されるようにしています。
そして、そのid属性を持ったボタンがクリックされると、それぞれのいいね数を変化させることを目標にしています。
そのような場合、どのようにすればjQueryで変化するid属性を処理できますか?
分かりにくいと思いますが、よろしくお願いします。
index.php
1 <section class="images"> 2 <ul class="img_row"> 3 <?php 4 $sql = "SELECT * FROM posts ORDER BY id desc;"; 5 $stmt = $pdo->prepare($sql); 6 $stmt -> execute(); 7 while ($row = $stmt -> fetch(\PDO::FETCH_ASSOC)): 8 ?> 9 <li> 10 <?php 11 echo ("<a href='/images/$row[file_name]'>"); 12 echo ("<img src='/thumbs/$row[file_name]' class='img' id ='$row[id]'></a>"); 13 echo ("<div class='heart icon' id='icon_$row[id]'></div>"); 14 echo ("<div class='likes_count' id='likes_count_$row[id]'> $row[likes_count] </div>"); 15 ?> 16 </li> 17 <?php endwhile; ?> 18 </ul> 19 </section> 20 21 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 22 <script> 23 $(function() { 24 'use strict'; 25 26 $('#icon').on('click', function() { 27 $(this).css('color', 'red'); 28 $.post('Countup.php', { 29 id: $('img').attr('id'), 30 }, function(data) { 31 $('#likes_count').text(data); 32 }); 33 }); 34 }); 35 </script> 36 37
回答2件
あなたの回答
tips
プレビュー