Problema de selección de jquery excluyendo celdas en divs inferiores - jquery, jquery-selectores

Tengo una vista de árbol que se representa como tablas. El html sería algo así como:

<div id="tree">
<table><tr><td></td><td></td><td></td></tr></table>
<div>
<table><tr><td></td><td></td><td></td></tr></table>
</div>
<table><tr><td></td><td></td><td></td></tr></table>
<div>
<table><tr><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td></tr></table>
</div>
<table><tr><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td></tr></table>
<div>
<table><tr><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td></tr></table>
</div>
</div>

Quiero agregar una clase a todas las celdas en las tablas directamente debajo del "árbol" div, pero excluir las celdas de las tablas que están en un div inferior.

Id "sy tal de los divs inferiores se crean automáticamente, así que no puedo usarlos.

Lo que he llegado hasta ahora es

$("#tree table td").addClass("custom");

que solo agrega la clase a todas las celdas. Pero estoy atrapado en cómo excluir esto.

Gracias por leer y con suerte echar una mano;)

Respuestas

Necesitas el selector de niños:

$("#tree > table td").addClass("custom");

Selecciona todos los hijos directos del elemento padre.