javascript - 为什么所有表元素都被扔到第一个数组索引中？

Question

我使用 Cheer.io 从表中抓取日期。页面设置如下:

 <tr>
      <td>*other values*</td>
      <td>16-12-2017</td>
      <td>*other values*</td>
    </tr>
  <tr>
      <td>*other values*</td>
      <td>14-12-2017</td>
      <td>*other values*</td>
    </tr>
  <tr>
      <td>*other values*</td>
      <td>12-12-2017</td>
      <td>*other values*</td>
    </tr>
  <tr>
      <td>*other values*</td>
      <td>12-12-2017</td>
      <td>*other values*</td>
    </tr>

每当我执行此代码时:

let date= $('tr td:nth-child(2)').text();
jsonarr.push(date)
console.log(jsonarr);

所有日期都被放入一个数组索引中。我怎样才能在自己的索引中获取每个日期？

提前致谢

Answer 1

根据 text文档

Get the combined text contents of each element in the set of matched elements, including their descendants, or set the text contents of the matched elements.

您需要使用map和get

var date= $('tr td:nth-child(2)').map( function(){ 
   return $(this).text() 
}).get();
console.log(date);

演示

var date= $('tr td:nth-child(2)').map( function(){ return $(this).text() }).get();
console.log(date);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>*other values*</td>
    <td>16-12-2017</td>
    <td>*other values*</td>
  </tr>
  <tr>
    <td>*other values*</td>
    <td>14-12-2017</td>
    <td>*other values*</td>
  </tr>
  <tr>
    <td>*other values*</td>
    <td>12-12-2017</td>
    <td>*other values*</td>
  </tr>
  <tr>
    <td>*other values*</td>
    <td>12-12-2017</td>
    <td>*other values*</td>
  </tr>
</table>