Puedes implementar este pequeño truco. Pasarle un ID calculado al método cambiarCSS
y asignarle ese ID al <td>
. No he probado el código. Seguro que hay errores, pero tiene que ser algo como esto:
for($i = 0; $i < $totalLadrillos; $i++){
$this->td[] = '<td id="button'.$id.'" onmouseover="cambiarCSS('.$id.')">'.$this->textoArr[rand(0, $textoArrLength-1)].'</td>';
}
Luego:
function cambiarCSS(id){
const button = document.querySelectorAll("#button"+id);
button.setAttribute("class", "tdHover");
}
}