按行顺序从表中返回字符串

Question

假设我在HTML中创建了table，其中包含背景色和文本。本质上，只要文本颜色与背景颜色不匹配，我想使用JS以行优先的顺序从表中提取文本。

例如，说这是我的桌子：

    <table>
      <tbody>
        <tr>
          <td style="color: #ff00ff; background-color: #FFFFFF">Q</TD>
          <td style="color: #442244; background-color: #442244">Y</td>
          <td style="color: #FFFF00; background-color: #442244">A</td>
        </tr>
        <tr>
          <td style="color: #FFEEFE; background-color: #990000">Q</td>
          <td style="color: #FFFF00; background-color: #FF0">M</td>
          <td style="color: #000000; background-color: #FF7777">O</td>
        </tr>
      </tbody>
    </table>

我会得到一张3x2的桌子。所以现在我想让输出成为连接字符串，例如QAQO，因为Y和M不可见

显然，我需要在JS中创建一个函数，但我环顾四周，但是在从表中提取文本并在连接时将其打印出来时，我不确定要精确搜索什么？>

假设我创建了一个HTML表格，其中包含背景色和文本。本质上，只要文本颜色不...，我想使用JS以行优先的顺序从表中提取文本。

Answer 1

您需要遍历每一行并找到td与background-color不同的color。>>

最简单的方法是使用map()构建一个值数组，然后可以根据需要循环或连接这些值：

Answer 2

使用jQuery：