c:ifタグ内のscriptタグが上手く反応しない(jsp)

Question

現在掲示板サイトをjavaとjsp作成しており、その中でコメント機能を作成しています。
どの書き込みにコメントするかを書き込みの番号で判断し、コメントがある分foreachで回しています。

<!-- コメントがある分ループ -->
<c:forEach items="${twts}" var="twts">

<!-- 書き込みに対しての返信だったら -->
<c:if test="${twts.reply_boolean == 1}" >

<!--書き込み番号セット&出力 -->
<c:set var="data" value="${twts.reply_number}" />
<c:out value="${data}" />

<!-- script用データセット-->
<input type="hidden" value="${data}" id="for_reply">

<script>
//input内のvalueを取得
var for_reply = "#" + $("#for_reply").val();
console.log(for_reply);
</script>

</c:forEach>

c:outで${data}を出力するとc:set内にセットされた書き込み番号を出力できますが、
scriptタグ内で.val()でinput内のvalueを取得しようとすると、初めの１回のみ番号を取得できますがそれ以降は同じ番号が取得されます。
c:outすると100,101,102と番号を取得できますが
script内の.val()では100,100,100というように取得されてしまいます。
scriptタグないで全て別々の番号を取得できるようにしたいです。

どなたか原因がわかる方がいましたら、ご回答よろしくお願いいたします。

Answer 1

<c:forEach>で繰り返し <input type="hidden" value="${data}" id="for_reply">を表示していますが、1つのHTMLに同一のidが出力されているためです。

なので表示されているHTMLでは次のようになっているでしょう。

<input type="hidden" value="100" id="for_reply">
<script>
....(省略)
</script>
<input type="hidden" value="101" id="for_reply">
<script>
....(省略)
</script>
<input type="hidden" value="102" id="for_reply">
<script>
....(省略)
</script>

idが重複している場合は先頭のものを取得しますので（そもそもidは重複してはいけません）、
idをわけて出力できるようにするか、親要素を指定してここに属する input type="hidden" の値を取得するようセレクタを設定すれば取得できるでしょう。

Comments

[phpscript]

迅速な回答ありがとうございます。
自分の中ではidが同じでも値が毎回変われば、変わった値を取得できるものだと勘違いしていました。親要素を指定して値を取得してみたいと思います。