javascript - 使用 Jquery 从 HTML 表中获取数据(或其他可能的方式)

Question

我有一个非常大的 HTML 表格，其中的数据格式如下(表格的简化版本):

https://pastebin.com/K5UB4cGB

列表要大得多。

我需要知道哪个应用程序运行在哪个服务器上(多个)。

我现在需要以某种方式获取所有数据并将其存储(可能在数组中)以便我可以使用它。(例如我需要比较某些应用程序并编写代码来记录它。)

我已经尝试了很多在网上找到的方法，但我不确定我是否以正确的方式工作。

我最近的尝试是:

var data = Array();

$("table").each(function(i, v) {
  data[i] = Array();
  $(this).each(function(ii, vv) {
    data[i][ii] = $(this).text();
  });
})

document.write(data);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="table">
  <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>


<div id="result" style="color: #f00"></div>

输出:

1 2 3 4 6 7 8 9 10 

用这个方法我得到一个数组:

1,2,3,4,5,6,7,8,9,10

但我无法访问存储的值，因为例如 data[0] 输出所有值，而不仅仅是一个值。

对不起，文字太长

感谢您的帮助:)

亲切的问候，马库斯

Answer 1

您可以尝试使用嵌套 for 循环并获取嵌套数据数组。

let data = [];

$("table tr").each(function() {
  let row = [];
  $(this).children("td").each(function() {
    row.push($(this).text());
  })
  data.push(row);
})

console.log(data);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table id="table">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>6</td>
    <td>7</td>
  </tr>
  <tr>
    <td>8</td>
    <td>9</td>
    <td>10</td>
  </tr>
</table>