JSP Javascript 从 foreach JSTL 的隐藏输入中获取 id

Question

我这里有个问题：我想获取javascript文件中隐藏输入的commentUserId的ID，放入ajax。但是我得到的只是第一行的值。

这是设计代码

<c:forEach items="${commentList}" var="items">
<div class="media" style="padding: 10px 0">
    <div class="media-body">               
        <input type="hidden" id="commentUserId" name="commentUserId" value="${items.accountId.accountId}"/>                                                                     
            <a id="${items.commentId}" name="btnReportComment" class="btn btn-report">\Report</a>    
    </div> 
</div>

这是 javascript

中的代码

$('a[name=btnReportComment]').click(function() {
var commentUserId = $('#commentUserId').val();
alert(commentUserId);})

Answer 1

尝试像这样更新您的点击事件：

$('a[name=btnReportComment]').click(function() {
  var commentUserId = $(this).closest('.media-body').find('[name="commentUserId"]').val();
  alert(commentUserId);
})

在这里，我们使用this来获取点击btnReportComment的引用。
然后我们使用 closest & find.

commentUserId

JSP Javascript 从 foreach JSTL 的隐藏输入中获取 id

JSP Javascript get id from hidden input in foreach JSTL

javascript

jquery

jsp

jstl