javascript - 数组 : Convert table data to array by javascript

Question

例如我在 HTML 中有如下内容:

<table>
<tr>
<td class="getId">123</td>
</tr>
<tr>
<td class="getId">345</td>
</tr>
</table>

我想创建一个 for 循环来遍历所有类名“getId”并将单词存储在一个数组中，因此输出应该是

var new = ['123','345'];

我该怎么做？

Answer 1

使用 jQuery map() 和 get() 方法

// iterate and generate custom element object
var res = $('.getId').map(function() {
  // get text 
  return $(this).text()
  // get result as array
}).get();

console.log(res);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="getId">123</td>
  </tr>
  <tr>
    <td class="getId">345</td>
  </tr>
</table>

---

纯 JavaScript 使用 getElementsByClassName() 获取所有元素并使用 Array.from() 将其转换为数组 。要生成文本数组，请使用 Array#map() .

var res = Array.from(document.getElementsByClassName('getId')).map(function(ele) {
  return ele.textContent;
})

console.log(res);

<table>
  <tr>
    <td class="getId">123</td>
  </tr>
  <tr>
    <td class="getId">345</td>
  </tr>
</table>