Skip to main content
1 de 3
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Em HTML os id têm de ser unicos. É uma das regras da linguagem.

Repara ainda que o método nativo para selecionar um elemento por id é getElementById, no singular e vai retornar 1 elemento, o primeiro que encontrar, independentemente de quantos elementos tenhas na página com o ID igual. O jQuery igual, retorna somente o primeiro que encontrar.

Claro que podes fazer aldrabice e usar:

var id = {}
$('body > div').each(function(){
    if (id[this]) id[this].push(this);
    else id[this.id] = [this]; 
});

e depois iterar os elementos desse objeto qua agrupa elementos por id. Sinceramente só faz isso quem não sabe o que está a fazer.

##A solução:

Muda no HTML esses id para class. O teu HTML poderia ficar assim:

<div class="title"></div>
<div class="content">
   <div class="3"></div>
   <div class="10"></div>
</div>
<div class="content">
    <div class="10"></div>
    <div class="10"></div>
    <div class="10"></div>
</div>

e depois o que precisas fazer com JavaScript/jQuery é:

para capturar os elementos title

$('.title')

para capturar os elementos content que têm uma div com classe 3:

$('.title > .3').map(function(){ return $(this).parent(); })
Sergio
  • 135,1mil
  • 16
  • 201
  • 294