前提
Java(Spring boot)、HTML(Thymeleaf)、Javascript(jquery)を使用し、簡単なWebサービスを構築しています。
発生している問題
th:each"の繰り返し処理内にいいねボタンを設置していますが、そのbuttonのidをそれぞれのデータと対応させ、javascript側でそのidを取得したいと考えています。
しかし、先頭のidしか取得できず、それぞれのデータに対応したいいねボタンが機能しないです。
実現したいこと
繰り返し処理内で、それぞれのデータのidを取得したいです。
該当のソースコード
HTML
1コード 2 <div class="content-all" th:each="article : ${articleOfAll}"> 3 <form th:action="@{/execute-favorite}" class="favorite-button" method="post"> 4 <input type="hidden" class="id" th:value="${article.id}" name="id"> 5 <input type="submit" class="button" value="お気に入り" > 6 </form> 7 </div> 8
JavaScript
1$('.favorite-button').on('submit', function () { 2 var param =$('.id').val() 3 console.log(param) // ここにそれぞれのデータに対応した${article.id}を取得したい 4 });
回答2件
あなたの回答
tips
プレビュー