Recuperar ID de elemento pai ao clicar em filhos

[FabianoSouza 5]

Como recupero o ID da DIV mesmo clicando em qualquer elemento dentro dela?

No caso tenho UL e LI como elementos filhos da DIV.

Lembrando que a quantidade e tipos de elementos dentro da DIV podem variar.

 <DIV id="X">

<ul>

<li>Icone</li><li>Título</li>

<li>Subtítulo</li>

</ul>

</DIV> 

 

[Sergio S. F. Pereira 39]

Pega pelo parent do objeto que você está clicando, no seu caso o "li"

 

<DIV id="X">
  <ul>
    <li>Icone</li>
    <li>Título</li>
    <li>Subtítulo</li>
  </ul>
</DIV>
<DIV id="Y">
  <ul>
    <li>Icone</li>
    <li>Título</li>
    <li>Subtítulo</li>
  </ul>
</DIV>

 

$("li").click(function(){
var meuid = $(this).parents('div').attr('id');
alert(meuid);

});

 

PS. to usando jquery se você estiver usando javascript nativo procure o equivalente, ou baixe o jquery e adicione no seu html

[FabianoSouza 5]

9 minutos atrás, Sergio S. F. Pereira disse:

Pega pelo parent do objeto que você está clicando, no seu caso o "li"

 

 

<DIV id="X">
  <ul>
    <li>Icone</li>
    <li>Título</li>
    <li>Subtítulo</li>
  </ul>
</DIV>
<DIV id="Y">
  <ul>
    <li>Icone</li>
    <li>Título</li>
    <li>Subtítulo</li>
  </ul>
</DIV>

 

 

 

$("li").click(function(){
var meuid = $(this).parents('div').attr('id');
alert(meuid);

});

 

 

PS. to usando jquery se você estiver usando javascript nativo procure o equivalente, ou baixe o jquery e adicione no seu html

 

[FabianoSouza 5]

Vou testar (estou usando JS puro).

 

Mas de todo modo preciso prever situações em que existam elementos diferentes de LI.
A DIV é o container, então pode acomodar outros tipos de elementos.

Quero que independentemente do tipo e quantidade de elementos existentes dentro da DIV, seja sempre possível recuperar o ID da DIV pai.

 

Acho que teria que fazer um loop "de dentro pra fora" até que o element Parent fosse uma DIV.

Mas aí surge outro problema: precisaria fazer com que qualquer elemento clicado (dentro da DIV) disparasse o loop...

 

[Sergio S. F. Pereira 39]

Bom neste caso você cria a div com id container como você falou e pega a parent do evento do click, só uma pequena alteração do exemplo anterior.

 

$('#container').on('click', function (event) {
  var meuid = $(event.target).parents('div').attr('id');
      alert(meuid);
 });

 

Desse jeito aí ele vai pegar o id da div de qualquer elemento dentro dela

[FabianoSouza 5]

blz!

deixa eu ver se consigo fazer isso em Javascript puro.