JSP Javascript ID von versteckten Eingabe in foreach JSTL

Question

Ich habe ein Problem hier: Ich möchte die ID von commentUserId in der versteckten Eingabe in die Javascript-Datei, um in eine Ajax zu setzen. Aber alles, was ich bekam, war der Wert der ersten Reihe.

Dies ist das Design Code

<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> 

und das ist Code in Javascript

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

Answer 1

Versuchen Sie, wie Sie Ihre Click-Ereignis zu aktualisieren:

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

• Hier stellen wir verwenden this, um die Referenz von Klick btnReportComment zu erhalten.
• Dann finden wir den commentUserId Eingang w.r.t mit closest & find.