Catch all the div inside a tbody without jquery

Question

Catch all the div inside a tbody without jquery

Navigation

#1 by (2 votes)

1

I have the following structure in my HTML:

    <!-- O número de tbody's sera gerado dinamicamente, de acordo com o número de estados -->
<tbody name="tbodyEstados">
    <tr style="background:#F5F5F5;">
        <td>
            Nome do estado
        </td>
    </tr>
    <tr>
        <td>
            <!-- o número de div's será gerado dinamicamente -->
            <div name="divOficina">
                <label>
                    Nome de uma oficina
                    <input type="hidden" value="id_do_objeto">
                </label>
            </div>
        </td>
    </tr>
</tbody>

Through javascript, I'm using the document.getElementsByName ('tbodyEstados') function to get an array with all tbody's of states, but then I need to iterate each of the items in that list and pick up from them separately for each state , the div elements that have the name: "divOffice". Does anyone know how I can do this?

javascript

asked by anonymous 27.11.2018 / 14:11

1 answer

MACRO to insert image in relation to the drop-down list Write text in Shell Script

score 2 · Accepted Answer

You can split the search into two steps, first with document.getElementsByName('tbodyEstados'); and then with tBody.getElementsByName('divOficina'); within a loop you execute the logic you need. Something like this:

const tbodyEstados = document.getElementsByName('tbodyEstados');
tbodyEstados.forEach(parent => {
    const divOficina = parent.getElementsByName('divOficina');
    // aqui podes usar 'divOficina ' e 'parent' que são respectivamente o 
    // elemento interior e exterior que procuras...
});