javascript将多个不同的id放入数组中

Question

我有一张 table

<table id='mytable'>
<tr>
  <th> Cars </th>
  <th> Food </th>
  <th> clothes</th>
</tr>
<tr>
  <td> 1 </td>
  <td> yes </td>
  <td> jeans </td>
</tr>
<tr>
  <td> 1 </td>
  <td> yes </td>
  <td> jeans </td>
</tr>
<tr>
  <td> 84 </td>
  <td> no </td>
  <td> shirt </td>
</tr>
<tr>
  <td> 4984 </td>
  <td> yes </td>
  <td> hat </td>
</tr>

我有一个javascript函数，它接受第一个td并获取值，但在本例中它只接受第一个值1。我想获取所有第一列的不同值并将其存储在一个数组中。所以最终结果应该是

$firstColumnArray = [1,84, 4984]

我的函数看起来像

$(document).ready(function()
{
$one = document.getElementById("table");
$two = $(this).find("td").eq(0).text()
alert($two);
});

如何循环遍历表格第一行的全部内容并将其存储在变量中？

Answer 1

您需要迭代所有行

let res = [];
$('#mytable tr').each(function() {
    if(!$(this).find('td:first').length) return;
    var customerId = $(this).find("td").eq(0).text();   
    res.push(customerId); 
});

然后过滤掉重复项。

let finalRes = res.filter( function (value, index, self) { 
    return self.indexOf(value) === index;
});