javascript - JavaScript - HTML テーブルの 1 行で同じ色のセルを数える

Question

画像からJavaScriptを使用して生成されたテーブルがあります。テーブルのサイズは、画像のサイズによって異なります。ピクセルの色を rgb で読み取ります。次に、各ピクセルがセルに変換されます。（例としてそのようなテーブルがあります）：

  <table height="100" width="100">
    <tbody>
    <tr>
    <td style="background-color: rgb(121,117,92);"></td>
    <td style="background-color: rgb(121,117,92);"></td>
    <td style="background-color: rgb(121,117,92);"></td>
    <td style="background-color: rgb(121,117,92);"></td>
    <td style="background-color: rgb(127,129,116);"></td>
    <td style="background-color: rgb(127,129,116);"></td>
    </tr>

    <tr>
    <td style="background-color: rgb(121,117,92);"></td>
    <td style="background-color: rgb(121,117,92);"></td>
    <td style="background-color: rgb(121,117,92);"></td>
    <td style="background-color: rgb(127,129,116);"></td>
    <td style="background-color: rgb(127,129,116);"></td>
    <td style="background-color: rgb(127,129,116);"></td>
    </tr>

    </tbody>
</table>

そのサイズに応じて、html コードを最小限に抑えるのが最適です。しかし、生成された画像を使用してWebページでさらにいくつかのものを作成する必要があります:

• アクション（たとえば、マウスがセルを押したとき）で、セルの色を認識する必要があります。
• この後、選択したセルの前後の行が同じ RGB 色であることを確認します。
• この後、選択したセルの色に応じて 1 つのカラー セルを数え、上にツールチップを表示します。

簡単に：セルを押す - 色をチェックする - 1行で近くにある同じセルをチェックする - それらを数えます - セルの数をツールチップに与えます。

必要な関数を備えた JQuery のような JavaScript ライブラリがいくつかあるのではないでしょうか?