Skip to main content
1 de 2
Joao Paulo
  • 12mil
  • 26
  • 89
  • 153

Como selecionar elemento no menor nivel hierarquico?

Preciso selecionar a "ul" pai do elemento "li" que esta sendo clicado. Porém como uma 'li' fica dentro da outra o javascript entende que estou clicando na li e em todas as 'li' pais.

<ul class="lista">
    <li class="item">
        Pai
        <ul class="lista">
            <li class="item">
                Filho
                <ul class="lista">
                    <li class="item">Neto 1</li>
                    <li class="item">Neto 2</li>
                </ul>
            </li>
        <ul>
    </li>
</ul>

Já tentei de milhares de formas fazer a seleção da ul, mas acabei apagando o código e fiquei apenas com um pequeno codigo de "debug":

$(document).ready(function () {
    $(document).on('click','.item:last-child', function () {
         alert($(this).parent().length);
    });
});

Só quando fiz esse código que consegui visualizar q o js entende que cliquei em toda hierarquia das li e não somente na clicada, mesmo com o this.

Joao Paulo
  • 12mil
  • 26
  • 89
  • 153