JQuery – Navegação entre elementos – Traversing

Bom dia ae.

Falar aqui sobre navegação entre elementos pelo jQuery apartir de um evento.

Apartir do $(this) você pode ir para praticamente qualquer lado dentro de uma listagem, uma tabela ou no que você estiver mexendo e a biblioteca oferece algumas funções para facilitar essa navegação e as funções são:

.prev() ou .prev(“.class”): Pega o elemento anterior ou o anterior q tenha a classe “class”;

.next() ou .next(“.class”): Pega o próximo elemento ou o próximo que tenha a classe “class”;

.prevAll() ou .prevAll(“.class”): Mesma ação do prev mas não se limita ao anterior ele retorna todos q ele encontrar ou todos com a classe;

.nextAll() ou nextAll(“.class”): Mesma ação do next mas não se limita ao próximo ele retonar todos q ele encontrar ou todos com a classe;

.prevUntil(“.class”): Pega todos os anteriores ao $(this) até chegar a uma classe ou um elemento;

.nextUntil(“.class”): Pega todos os próximos ao $(this) até chegar a uma classe ou um elemento;

Ai existe um truque para saber você que quer usar o nextUntil() ou o prevUntil() para saber qual lado o seu código deve apontar para a classe que você precisa

if($(this).nextAll().is(“.class”)){
$(this).nextUntil(“.class”);
}else{
$(this).prevUntil(“.class”);
}

Esse é o if q você vai precisar para saber qual lado andar com o essas funções

É isso rapaziada qualquer coisa comenta ae ou caso você use uma forma mais eficiente compartilhe o conhecimento

Até