如何在javascript中獲取所有數字

Question

我想用javascript獲取所有數字，然后我寫這個。

這個

<c:forEach items="${boardList}" var="board">
<tr>
<td><input type="hidden" class="boardNum" value="${board.num}">${board.num}
</td>  << here!!!!
<td><a class="boardTitle"
style="color: rgb(0, 100, 0);" >${board.title}</a></td>
<td>${board.writer}</td>
<td><f:formatDate value="${board.writeDate}" pattern="yy.MM.dd" /></td>
</tr>
</c:forEach>


<script>

var num = $(".boardNum").val();

var title= $(".boardTitle");

title.click(function(){
        alert(num);  >> only one number.
        </script>

我想要所有number.ex）board board.num（1〜20），但是javascript中的這些代碼只是一個數字（例如num 20）。

我認為它將使用clouser，但我不知道在哪里寫clouser。

如果我認為無法解決，該怎么辦

ps）英語不好。

Answer 1

var num = $(".boardNum").val();

您當前的代碼獲取所有具有boardNum為boardNum元素，但是.val()僅返回一個元素的值。

假設您需要隱藏字段中的所有板號。

var boardNums = $(this).parents('table').find('input[type=hidden].boardNum').map(function(){return this.value;}).get();
console.log('all nums',boardNums);

要么

var boardNums = $('input[type=hidden].boardNum').map(function(){return this.value;}).get();
console.log('all nums',boardNums);

Answer 2

遍歷jQuery對象，為每個匹配的元素執行一個函數。 https://api.jquery.com/each/

var num = $(".boardNum");
num.each(function( index ) {
  console.log( index + ": " + $( this ).val() );
});