Usando a tabela como uma array

Tenho a tabela

<table class="tabela">
    <tr id="trA" class="geral">
        <td>Nome</td>
        <td class="primeira">ABC</td>
        <td class="esp">DEF</td>
        <td class="esp">GHI</td>
        <td class="esp">JKL</td>
        <td class="esp">MNO</td>
    </tr>
    <tr id="trB" class="geral">
        <td>Nome</td>
        <td class="primeira">ABC</td>
        <td class="esp">DEF</td>
        <td class="esp">GHI</td>
        <td class="esp">JKL</td>
        <td class="esp">MNO</td>
    </tr>
</table>        

A ideia é que eu consiga com um duplo click deixar a célula seleciona com fundo preto, classificado no css como ".selecionado" e ".primeira". Então fiz o seguinte código no js

var geral = document.querySelectorAll(".geral");

geral.forEach(function(geral){    
    geral.addEventListener("dblclick", function(e){
        e.target.classList.add("selecionado");
    });
});

Tudo funcionando perfeitamente, ai veio o desafio, fazer um comando que, após o duplo click, deixe as células anteriores também selecionadas caso não estejam.

Meu maior problema tem sido fazer um loop pra identificar dentro de cada tr qual td tem ou não a class selecionado, sempre que tendo fazer como nas aulas usando o querySelector o codigo não reconhece ele como uma array e não funciona.