Estou tentando esconder as algumas das divs dentro de uma tabela pai e filho, que estão organizadas da seguinte maneira:

<div id="paiFilhoCaixa" class="col-md-12">
                        <table class="table table-striped" id="caixaEdificio"
                            tablename="caixaEdificio" noaddbutton="true"
                            nodeletebutton="true" customFnDelete="removeCaixa(this)">
                            <thead>
                                <tr>
                                </tr>
                            </thead>
                            <tbody>
                                <tr detail="true" detailname="caixaEdificio">
                                    <td>
                                        <div class="row">
                                            <div class="col-md-3 col-xs-12" id="divCaixaAndar">
                                                <label for="caixaAndar">Andar: </label> <input
                                                    id="caixaAndar" name="caixaAndar" class="form-control"
                                                    type="text" onkeyup="somenteNumeros(this)" />
                                            </div>

(...)

Como eu posso esconder essa div com id divCaixaAndar?

*Estou tentando fazer da seguinte maneira: em displayFields.js eu adicionei as linhas

customHTML.append('$(function(){');
customHTML.append("hideNumero();");
customHTML.append('});');

E dentro de hideNumero(); eu coloquei a linha:

document.getElementById('divCaixaNumero').style.display = "none";

Sendo que divCaixaNumero é uma outra div dentro da Tabela Pai e filho.

Esse método não funcionou...