[Resolvido] Remover divs filha

[Good 4]

Quero remover divs de uma div pai a partir de uma div filha.

 

Ex:

<div class="filha_1" onclick="mostraMais('1','primeiro');">filha_1</div>
<div id="pai1">
   <div class="filha_2" onclick="mostraMais('2','');">filha_2</div>
   <div id="pai2">
       <div class="filha_3" onclick="mostraMais('3','');">filha_3</div>
       <div class="filha_4" onclick="mostraMais('4','');">filha_4</div>
       <div class="filha_5" onclick="mostraMais('5','');">filha_5</div>
   </div>
   <div class="filha_6" onclick="mostraMais('6','');">filha_6</div>
   <div class="filha_7" onclick="mostraMais('7','');">filha_7</div>
</div>

 

Quero que ao clicar na div filha_4, as divs filha_3 e filha_5 sumam da div pai.

 

O meu jquery:

function mostraMais(id,primeiro){
           $('.filha_'+id).parent().each(function(i) {
                  if(!$(this).hasClass("filha_"+id) && primeiro != 'primeiro'){
                     $(this).remove();
                  }
           });
}

 

O que acontece no meu código é que some todas as divs da div pai2. Sendo que deveria sumir a filha_3 e a filha_5.

 

Alguma dica aí?

 

OBS.:

- O código javascript tem muito mais coisa. É pq o que precisa ser feito é isso. O resto é coisa de ajax e tal..

- As divs filhas não são ordenas em ordem alfabética. Podem vir tudo embaralhada.

- O total de divs filha da div pai2 pode vir aleatoriamente também.

- A div filha_1 nunca some do html.

 

obrigado

[William Bruno 1501]

esses teus IDs e CLASSes estão bem estranhos, e não ajudam em nada..

 

Eu faria algo assim:

$('#pai1, #pai2, #pai3').find('div').live('click',function(){
  $( this ).parent('div').find('div').remove(); //remove as filhas, sem remover a pai
});

[Good 4]

as divs não são ordenadas em ordem númerica.

 

Pode vir pai2330, pai43, pai188.

 

Se eu coloquei as ids e class assim, é porque precisa.. Uso para outras coisas também. É tipo para identificar em qual div estou mexendo.

 

 

Explicando:

- Quero que quando clique na div filha_5, as divs filha_3 e filha_4 sumam da página.

- Quando clicar na div filha_5, pegar todas as divs da div pai2. E sucessivamente, removê-las.

 

O sistema é em ajax. Se eu clicar na div filha_5, aparecerá outras divs. Portanto, preciso colocar para desaparecer todas as irmãs dela.

 

Esses valores filha_1, filha_2, filha_3 etc são tudo com valores que eu não posso advinhar.

[William Bruno 1501]

Ok, e qual a sua dúvida?

 

o código que propus já resolve a questão.

[Good 4]

Está certo. É porque há erro no meu código, e fica fazendo com que delete as divs anteriores.

 

obrigado.