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

Answer 2

您需要迭代行并在行内迭代单元格

您可以通过map() 完成这一切

var data = $('tr').map(function() {
  return [$(this).children().map(function() {
    return $(this).text().trim()
  }).get()];
}).get();



console.log(JSON.stringify(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>


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

Answer 3

使用each 循环遍历td 并获取其文本值

var val=[]
$('#table td').each(function(e){
val.push($(this).text())
})
console.log(val)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/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>

Answer 4

在下面，我使用 each 函数来导出表的数据，然后推入一个数组列表。我希望这段代码有用。这段代码真的很小。

var arr = [];
$("th, td").each(function(){
  arr.push($(this).text());
  $("#result").text(arr);
});

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


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