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(); })