如何在JavaScript中获取所有数字？附JSP代码片段求助

嘿，我来帮你搞定这个需求！你已经在每个表格行里添加了class为boardNum的隐藏输入框，这步做得很对——这给我们获取数字提供了清晰的目标元素。下面给你两种常用的实现方法：

方法一：原生JavaScript实现 #

这种方法不需要依赖任何库，直接用浏览器原生API就能完成：

// 等待DOM完全加载完成再执行代码，避免找不到元素
document.addEventListener('DOMContentLoaded', function() {
  // 获取所有class为boardNum的隐藏输入框
  const boardNumElements = document.querySelectorAll('.boardNum');
  
  // 将NodeList转换为数组，并提取每个元素的value（转成数字类型）
  const boardNums = Array.from(boardNumElements).map(element => {
    // 用parseInt确保拿到的是数字，第二个参数10是指定十进制
    return parseInt(element.value, 10);
  });
  
  // 现在boardNums就是所有board.num组成的数字数组了
  console.log('所有board数字：', boardNums);
});

方法二：jQuery实现（如果项目已引入jQuery） #

如果你的项目里已经用了jQuery，代码会更简洁：

$(document).ready(function() {
  // 遍历所有.boardNum元素，提取value并转成数字
  const boardNums = $('.boardNum').map(function() {
    return parseInt($(this).val(), 10);
  }).get(); // 把jQuery对象转成普通数组
  
  console.log('所有board数字：', boardNums);
});

注意事项 #

• 一定要确保代码在DOM加载完成后执行，否则会因为元素还没渲染出来而获取不到结果。上面两种方法里的DOMContentLoaded和$(document).ready()就是干这个的。
• 如果board.num本身是小数，把parseInt换成parseFloat或者Number()会更合适。

内容的提问来源于stack exchange，提问作者Lee Tae jun