Tenho a seguinte estrutura em meu 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>
Através do javascript, estou usando a função document.getElementsByName('tbodyEstados') para obter um array com todos os tbody's de estados, mas depois preciso iterar cada um dos itens dessa lista e pegar de dentro deles, separadamente para cada estado, os elementos div que estão com o nome: "divOficina". Alguém sabe como posso fazer isso?
tbody
não deve se repetir várias vezes na mesma table. Revise sua lógica. Você poderia pegar diretamente as divsdivOficina
comdocument.getElementsByName('divOficina')
<div name=divOficina estado=DF>...</div>
. Ao fazer um loop na divs, vc verifica o attributo assim:minhaDivOficina.getAttribute('estado')
.data-
para evitar incompatibilidades developer.mozilla.org/pt-BR/docs/Web/Guide/HTML/…, pt.stackoverflow.com/questions/190859/…